@import url('https://fonts.googleapis.com/css?family=Kalam|Open+Sans');


#page-content h1, #page-content h2, #page-content h3, #page-content h4 ,#page-content h5 {
  font-family: 'Kalam', cursive !important;
  color: #e40313;
}
.box h3 {
  border-bottom:2px solid #e40313;
  }
#page-content h5 {
  margin: 0px;
  }

.main-content {
  padding-bottom: 25px;
  }

#main-navbar {
  border-bottom: 3px solid #e40313;
  vertical-align: bottom;
  }

#main-navbar .container {
  vertical-align: bottom;
  }

.py-5 .navbar-collapse {
    padding-top: 55px;
}
.navbar-collapse {
    padding-top: 40px;
}

.footer a, footer a:hover {
  color: #fff;
  }
@media only screen and (min-width: 768px) {
#page-wrapper {
    overflow-x: visible !important;
}
.py-5 .navbar-brand h1 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 255px;
  height: 115px;
  
  }
.navbar-brand {
  padding-top: 0 !important;
padding-bottom: 0 !important;
  }
.navbar-brand h1 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 175px;
  height: 80px;
  }
#page-wrapper #main-navbar.navbar-shrink {
    padding-top: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0px;
}
#page-wrapper #main-navbar.shrink.py-5 {
    padding-top: 20px !important;
  padding-bottom: 0px !important;
}
.jumbotron {
  }
}

@media only screen and (max-width: 767px) {
body {
  padding-top: 50px!important;
  }
.py-5 .navbar-brand h1 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 175px;
  height: 50px;
  
  }
.navbar-brand {
  padding-top: 0 !important;
padding-bottom: 0 !important;
  }
.navbar-brand h1 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 175px;
  height: 50px;
  }
#page-wrapper #main-navbar.shrink.py-5, #main-navbar.navbar-shrink {
      padding-top: 5px !important;
  padding-bottom: 0px !important;
  overflow-y: hidden !important;

}
 
}