/* your styles go here */

.box-image-text .image {
  min-height: 200px;
  max-height: 200px;
}
.box-simple {
  margin: 0 0 0 0;
}
.box-simple h3 {
  margin: 0 0 0 0;
}
.box-simple p {
  margin: 0;
}
.box-simple .icon {
  height: 30px;
  width: 30px;
  font-size: 15px;
  line-height: 30px;
  border: none;
}
.ap {
  margin-top: 20%;
  max-width: 100%;
}
.ap-container { 
  margin: 0 auto 0 auto;
  max-width: 100%;
}

.logo {
  margin-top: 0vh;
  padding: 0;
  height: 9vh;
  width: auto;
}

#welcomeText p {
  font-size: 14px;
}

#logos {
  height: 0;
  margin-left: 25%;
  position: absolute;
}

#logos img {
  height: 14vh;
  margin: -20px 0px 0 -3px;
}

#nav_menu {
  float: left;
  margin-left: 15%;
}

#main_image {
  max-width: 65%;
  margin: 0 17.5% 0 17.5%;
}

.partner_link {
  padding: 20px;
}
.partner_link a{
  margin: 1%;
  width: 25%;
}
.partner_link img {
  max-height: 3em;
}
.footer_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  max-width: 50%;
}
.process {
  width: 100%;
}
#contact {
  text-align: center;
}

#image_credits {
  font-size: 7px;
  position: absolute;
  bottom: -25%;
  right: 5%;
}

#copyright {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #555555;
}


@media (min-width: 1921px) {
  .logo {
    height: 9vh;
  }
  #logos img {
    height: 15vh;
    margin: -25px 0 0 3px;
  }
}

@media (max-width: 1536px) {
  #main_image {
    max-width: 80%;
    margin: 0 10% 0 10%;
  } 
  #nav_menu {
    float: left;
    margin-left: 20%;
  }
    #logos img {
    height: 12vh;
    margin: -10px 0px 0 -3px;
  }
  .logo {
    margin: 5% 0 0 15%;
  }
}

@media (max-width:  1440px) {
  #logos img {
    height: 15vh;
  }
  .logo {
    height: 11vh;
    margin: -0.5vh 0 0 25%;
  }
}

@media (max-width: 1366px) {
  .logo {
    height: 12vh;
    margin: 0 0 0 30%;
  }
}

@media (max-width: 1280px) {
  #main_image {
    max-width: 90%;
    margin: 0 5% 0 5%;
  }
}

@media (max-width: 1024px) { 
  #main_image {
    max-width: 100%;
    margin: 0 0 0 0;
  }
  .logo {
    height: 15vh;
    margin: 10% 0 0 -35%;
  }
  #nav_menu {
    margin-left: 20%;
  }
}

@media (max-width: 1024px) and (min-height: 1366px) {
  .logo {
    margin: 1vh 0 0 -50%;
    height: 10vh;
  }
  #nav_menu {
    margin-left: 25%;
  }
  #logos {
    margin-left: 20%;
  }
  #logos img {
    height: 10vh;
  }
}
@media (max-width: 810px) and (min-height: 1000px) {
  .logo {
    height: 10vh;
    margin: 4vh 0 0 -75%;
  }
  #logos {
    margin-left: 55%;
  }
  #logos img {
    height: 13vh;
  }
  #nav_menu {
    margin-left: 28%
  }
}

 @media (max-width: 800px) and (min-height: 1280px) {
  .logo {
    margin-top: 3svh;
    height: 7vh;
  }
  #logos {
    margin-left: 55%;
  }
  #logos img {
    height: 10vh;
  }
 }

@media (max-width: 601px) and (min-height: 962px) {
  .logo {
    margin: 1vh 0 0 -80%;
    height: 10vh;
  }
  #logos {
    margin-left: 50%;
  }
  #logos img {
    height: 13vh;
  }
  #nav_menu {
    margin-left: 40%;
  }
}
@media (max-width: 540px) and (min-height: 720px) {
  #logos {
    margin-left: 60%;
  }
  #logos img {
    height: 13vh;
  }
  .footer_list {
   max-width: 60%;
   }
   .logo {
    margin: 10% 0 0 -70%;
    height: 12vh;
   }
   #nav_menu {
    margin-left: 40%;
   }
}
@media (max-width: 414px) {
  .logo {
    margin: 5% 0 0 -50%;
    height: 12vh;
  }
  #nav_menu {
    margin-left: 30%;
  }
  #logos {
    margin: 3% 0 0 56%;
  }
  #logos img {
    height: 10vh;
  }
  .footer_list {
    max-width: 60%;
    font-size: 75%;
  }
}

@media (max-width: 375px) {
  #nav_menu {
    margin-left: 20%;
  }
  .logo {
    margin: 8% 0 0 -30%;
  }
  #logos {
    margin-left: 50%;
  }
  #logos img {
    height: 11vh;
  }
  .footer_list {
    max-width: 55%;
    font-size: 60%;
  }
}

@media (max-width: 360px) {
  .footer_list {
    margin-left: -5%;
  }
  #logos {
    margin-left: 45%;
  }
}

@media (max-width: 280px) {
  .logo {
    margin: 20% 0 0 -45%;
    height: 9vh;
  }
  #logos {
    margin-left: 30%;
  }
  #logos img {
    height: 11vh;
  }
  #nav_menu {
    width: 70%;
    margin-left: 30%;
  }
  .home-carousel h1 {
    font-size: 30px;
  }
  .footer_list {
    width: 90%;
  }
}