@import url('https://fonts.googleapis.com/css2?family=Muli:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Muli:wght@700&display=swap');



html {

  scroll-behavior: smooth;

}



body {

font-family: 'Muli', sans-serif;

font-weight: 500;

}



strong, h1,h2,h3,h4,h5,h6 {

  font-weight: 700;

}



.jumbotron {

  min-height: 100vh;

}



/* SM FIRST */



@media (max-width: 576px) {

  .container .logo{

    

    text-align: center;

  }

  .container .logo img{

    width:80%;

    height: auto;

  }

}



.navbar-brand img {

  height:50px;

}



/* .navbar {

  padding-right: 2rem;

} */



.fab {

  color: #8b3a55;

  margin-top: 1rem;

}



.nav-item > a{

  color: #1a3d51 !important;

  /* padding-left: 1rem !important;

  padding-right: 1rem !important; */

  font-weight: 700;

  text-transform: uppercase;

}





.hero3 h1,

.hero4 h1,

.hero5 h1,

.hero6 h1

{

  font-size: 3rem;

  text-align: center;

}



.hero6 {

  margin-top: 0;

  height: auto;

  background-color: #5b6e66;

}



.hero5 h1 {

  font-size: 2.5rem;

}



.hero6 h1{

  text-align: left;

}



.hero5.row {

  margin-bottom: 2rem;

}



.hero3 p,

.hero4 p,

.hero5 p,

.hero6 p

{

  padding: 0 3vw;

}



.subline h1{

  color:#fff;

  margin-top: 25vh;

  text-align: center;

}



a {

  color: #fff;

  cursor: pointer;

}



a:hover {

  /* color: #1a3d51; */

  color: #ddd;

  text-decoration: none;

}



.btn-outline-primary {

color: #1a3d51;

border-color: #1a3d51;

}



.hero5 li{

  list-style: none;

}



.contactClass{

  padding: 2rem 2rem;

  color: #fff;

  background-color: #5b6e66;

}



.contactClass p{

  margin-top: 1rem;

}

/* ******************************* */

/* XL screen */

/* ******************************* */



@media (min-width: 1200px){

  .navbar-brand img {

    height:80px;

  }



  .navbar {

    padding: 2rem;

  }



  .navbar-expand-md {

    height: 15vh;

  }



  .hero3 h1,

  .hero4 h1 {

    padding: 0 2vw;

    text-align: left;

  }



  .hero3 p,

  .hero4 p,

  .hero5 p,

  .hero6 p {

    padding: 0 2vw;

  }

  

  .hero6 p {

    padding: 0;

  }







}



.contactClass{

  padding: 0;

  color: #fff;

  background-color: #5b6e66;

}



  /* XXL screen */

@media (min-width: 1440.99px) {

  

  .hero3,

  .hero4,

  .hero5,

  .hero6

  {

    margin: 0 2rem 0 2rem;

    padding: 2rem;

  }



.hero3 h1,

.hero4 h1,

.hero5 h1,

.hero6 h1

{

  text-align: left;

  font-size: 4rem;

}

.hero3 p,

.hero4 p,

.hero5 p,

.hero6 p

{

  padding: 0;

  font-size: 1.5rem;

}



.subline {

  margin-top:5rem;

}



.subline h1{

  margin-top: 35vh;

  font-size: 4rem;

}



/* .hero5 {

  height: 85vh !important;

} */



.hero6 {

  margin-top: 0;

}



  .navbar-brand img {

    height:110px;

    margin: 2rem 0;

  }



  .navbar {

    padding-right: 5rem;

  }

  

  .navbar-expand-md {

    height: 16vh;

  }

  

  .nav-item > a{

    color: #1a3d51 !important;

    padding-left: 1rem !important;

    padding-right: 1rem !important;

    font-size: 1.5rem;

    font-weight: 700;

    text-transform: uppercase;

  }

  

  h1 {

  margin-bottom: 2rem;

  }

  

  ul {

    font-size: 1.2rem;

  }

  

  ul strong {

  margin-bottom: 0.25rem;

  }

  

  li {

  margin-top: 0.5rem;

  }

  

  .contactClass{

    margin-top: 1rem;

    padding: 0;

    color: #fff;

    background-color: none;

    text-align: left;

  }

  

  .contactClass p{

    font-size: 0.9rem !important;

  }



}