* {
  font-family: 'Manrope', sans-serif;
}

.h2{
font-weight: bold;
}

.h5 { 
  font-weight: bold; 
}


.hr-line {
  border-top: 2px solid #8c8b8b;
}

.container-main {
    margin-top:120px; 
}
.container-second {
    margin-top:64px; 
}


.navbar .navbar-nav .nav-link:hover {
  color: #eeeeee;
}
.navbar .navbar-nav .nav-link {
  color: #eeeeee;
  font-size: 1em;
}
@media only screen and (min-width: 992px) {
  .navbar {
    padding: 0;
  }
  .navbar .navbar-brand {
    padding: 0 0em;
    font-size: 1.5em;
   color: #eeeeee;

   }
  .navbar .navbar-nav .nav-link {
    padding: 1em 0;
  }
  .navbar .navbar-nav .nav-item {
    margin: 0 1em;
  }
}
.navbar .navbar-nav .nav-item {
  position: relative;
}
.navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 1;
  margin: auto;
  background-color: #eeeeee;
  width: 0%;
  content: "";
  height: 2px;
}
.navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
}
.navbar .navbar-nav .nav-item::after {
  transition: all 0.5s;
}





a {
    color: #000000;
    text-decoration: none;
}

a:hover, a:focus {
    color: #2A6496;
    text-decoration: none;
}

img {
  height: auto;
  width: 100%;
}

  .fade-in-image {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}