body{margin:0;font-family:Arial;background:#f5b400}
header{background:#5a6fa3;padding:10px;color:#fff;display:flex;align-items:center}
header img{height:40px}
.search{margin-left:auto}
.search input{padding:6px;border-radius:6px;border:1px solid #ccc}

/* MENU BAR */
nav{
background:#ffb300;
padding:8px;
display:flex;
justify-content:space-between;
overflow-x:auto;
}
nav a{
flex:1;
text-align:center;
color:#000;
text-decoration:none;
font-weight:bold;
white-space:nowrap;
padding:8px 0;
}

/* CONTENT */
.container{padding:10px}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{border:1px solid #ddd;padding:8px;text-align:center}
.whatsapp{background:#25d366;color:#fff;padding:6px 10px;border-radius:5px;text-decoration:none}

/* FOOTER */
.footer{text-align:center;padding:20px}
.social a{margin:10px;font-size:28px;text-decoration:none}

/* DESKTOP */
@media(min-width:768px){
.container{width:900px;margin:auto}
nav{justify-content:center}
nav a{max-width:120px}
}

.logo{
    height:50px;
    width:auto;
}