/*removes the round edges in the navbar*/

* {
  border-radius: 0 !important;
}

/*Some third-party font face declarations*/

@font-face {
  font-family: isadora;
  src: url(../fonts/isadora.ttf);
  format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: raleway;
  src: url(../fonts/raleway.ttf);
  format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: trojan;
  src: url(../fonts/trajan.ttf);
  format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: harrington;
  src: url(../fonts/harrington.ttf);
  format('otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: sycamore;
  src: url(../fonts/sycamore.otf);
  format('otf');
  font-weight: normal;
  font-style: normal;
}

nav {
  background-color: #22313F !important;
  font-family: Arial, isadora, sans-serif;
  font-weight: bolder;
  font-size: 110%;
  padding: 1%;
}

/*#00004d*/

nav a {
  font-weight: bold;
  font-size: larger;
}

.navbar-brand {
  font-size: 200%;
  color: #d58710 !important;
}

.navbar-brand:hover {
  color: #000 !important;
}

.home_banner {
  background: url(../images/banner_image.jpg) no-repeat center center fixed;
  background-size: cover;
  padding-bottom: 10%;
  padding-top: 15%;
  padding-left: 20%;
  padding-right: 20%;
  margin: 0 !important;
  color: #fff;
}

.home_banner h1 {
  font-weight: bolder;
  font-family: raleway, sans-serif;
}

.home_banner h2 {
  font-family: sycamore, serif;
  font-weight: bold;
}

/*The scrolling down arrow button on the home page*/

.arrow {
  padding-top: 5%;
  margin: 8% 0;
}

.home_banner a {
  color: #fff;
}

.home_banner a:hover {
  text-decoration: none;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.about {
  color: #fff;
  font-weight: bolder;
  background: rgba(133, 193, 233, 0.9);
  padding-top: 3%;
  padding-bottom: 18%;
  padding-left: 20%;
  padding-right: 20%;
}

.about h1 {
  padding-bottom: 3%;
}

.about p {
  font-family: Arial, sycamore, sans-serif;
  font-weight: bolder;
  font-size: 200%;
  padding-top: 3%;
}

.about img {
  width: 200px;
  height: 200px;
  margin: auto;
  border-radius: 50% !important;
  border: 5px solid #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
}

.gallery {
  padding-top: 5%;
}

.col-md-3 {
  padding-bottom: 5%;
  padding-left: 2%;
}

.col-md-3 img {
  height: 400px;
}

.videos {
  background: url(../images/videos_bg.jpg) no-repeat center center fixed;
  background-size: cover;
  padding: 3%;
  color: #fff;
}

.col-md-4 {
  padding-right: 5%;
}

.col-md-4 iframe {
  height: 400px;
  width: 400px;
}

.social_feeds {
  color: #000098;
  padding-bottom: 1%;
  padding-left: 3%;
  padding-top: 5%;
}

h1 {
  font-family: isadora, sans-serif;
  font-weight: bolder;
  padding: 3%;
}

.contact {
  background: url(../images/contact_bg.png) no-repeat center center fixed;
  background-size: cover;
  padding-top: 5%;
  padding-bottom: 10%;
  padding-left: 20%;
  padding-right: 20%;
  color: #fff;
  font-family: raleway, Arial, sans-serif;
  font-size: 150%;
}

.contact_text {
  padding-top: 5%;
  padding-bottom: 5%;
}

.contact h3 {
  font-family: Arial, sans-serif;
}

.contact-inner {
  padding-right: 15%;
  padding-left: 15%;
  padding-bottom: 10%;
}

.footer {
  padding: 2%;
  font-family: raleway, sans-serif;
  background-color: #22313F;
  color: #fff;
}

/*Mobile styles*/

@media screen and (max-width: 568px) {
  .home_banner {
    padding-top: 30%;
    padding-bottom: 35%;
  }
  .about {
    padding-top: 10%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .about img {
    height: 150px;
    width: 150px;
  }
  .about p {
    font-size: 170%;
  }
  .gallery {
    padding-top: 10%;
  }
  .col-md-3 img {
    width: 100%;

  }

.videos{
  padding-top: 10%;
}
.col-md-4{
  width: 100%;
  padding-left: 5%;
    padding-bottom: 5%;
}

.contact{
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 10%;
}
  .social_feeds {
    width: auto;
  }

  .social_feeds iframe{
    width:100%;
  }
}