html, body {
  font-family: "Noto Sans", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 1rem;
  color: #05103B;
  margin: 0;
  padding: 0;
  color: #000;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5 {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #05103B !important;
}

a {
  text-decoration: none;
  font-weight: 600;
  color: #2a8071;
}
a:hover {
  color: #c1a699;
}

.navbar {
  border-bottom: 1px solid #E6F0F2;
  -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.15);
}

.navbar-item {
  padding: 0 2rem;
  font-size: 1.2rem;
  transition: border 0.3s;
  transition: color 0.5s;
}
.navbar-item:hover {
  color: #4284EA !important;
  border-bottom: 5px solid #4284EA;
}

.logo {
  font-family: "Exo 2", sans-serif;
  color: #007AD0;
  font-size: 3rem;
  font-weight: 900;
  font-style: italic;
}
.logo:hover {
  border: none;
  background: none;
  transform: none;
}

.navbar-menu.is-active {
  animation: navAnim 1s ease-in-out;
}

@keyframes navAnim {
  0% {
    display: none;
    opacity: 0;
    height: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
    height: 130px;
  }
}
#hero {
  background-image: url("../ima/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2rem;
}
#hero h1.title {
  font-size: 3rem;
}
#hero h2.subtitle {
  font-size: 2rem;
}
#hero .offer_title {
  font-size: 2rem;
}
#hero .offer {
  font-size: 1.6rem;
}
#hero .offer li {
  margin: 0.3rem;
}
#hero .slogan {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 3rem 1rem 3rem;
}

#sketch {
  border-bottom: 1px solid #4284EA;
}
#sketch h2, #sketch h3, #sketch h4 {
  border-bottom: 1px solid #E6F0F2;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

#cars {
  border-bottom: 1px solid #4284EA;
}
#cars h2, #cars h3, #cars h4 {
  border-bottom: 1px solid #E6F0F2;
  padding-bottom: 1rem;
}
#cars .gallery img {
  border: 1px solid #05103B;
}
#cars .gallery img:hover {
  border: 1px solid #4284EA;
}

#contacts h2, #contacts h3, #contacts h4 {
  border-bottom: 1px solid #E6F0F2;
  padding-bottom: 1rem;
}
#contacts .con {
  font-size: 1.3rem;
}

footer.eurobus {
  border-top: 1px solid #4284EA;
  background-color: #E6F0F2;
  padding: 2rem 1.5rem 2rem;
}

.red {
  border: 1px dotted red !important;
  background-color: rgba(255, 255, 255, 0.7);
}