*{box-sizing:border-box;}
body{
  margin:0;
  font-family:Arial, sans-serif;
  background:#121212;
  color:#f0f0f0;
}

/* HEADER */
header{
  background:#1e1e1e;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1rem 2rem;
  border-bottom:3px solid #cc002f;
  flex-wrap:wrap;
  gap:.75rem;
}

.logo{
  height:95px;
}

nav{
  display:flex;
  align-items:center;
  gap:1.2rem;
  flex-wrap:wrap;
}

nav a{
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:.95rem;
}

nav a:hover{
  color:#cc002f;
}

.social-icons img{
  width:26px;
  margin-left:.5rem;
}

/* Responsive */
@media(max-width:768px){
  header{
    padding:1rem;
  }
  nav{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  nav a{
    flex:0 0 auto;
  }
}