.fakeimg {
    height: 200px;
    background: #aaa;
  }
  .top-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.contact-info {
    background: #3e48cc;
    padding: 10px 20px;
    align-self: baseline;
    display: flex !important;
}
.contact-info p {
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  color: #fff;
  font-family: 'Heebo', sans-serif;
  font-weight: 800;
  font-size: 24px;
}
.contact-info a{ 
  color: #fff; 
  font-family: 'Heebo', sans-serif;
  font-weight: 800;
  font-size: 24px;
  text-decoration: none;
  align-self: center;
}
.contact-info a:hover{
  color: #fff; 
  text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
  color: #53a87f !important;
  font-family: 'Heebo', sans-serif;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
}
.section-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.navbar-brand {
  padding: 10px 0 0 10px;
}
.navbar-expand-md .navbar-collapse {
  margin-left: 110px;
}
.navbar-brand img {
  width: 150px;
}
.navbar.navbar-expand-sm.navbar-light {
  /*margin-top: -60px;*/
  padding: 0;
}
.contact-info i {
  margin-right: 10px;
}
.navbar-nav {
  width: 100%;
  justify-content: flex-start;
}
body {
  background: url("images/bg-img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
}
.section-row .left-section {
    max-width: 45%;
    flex: 0 0 45%;
}
.section-row .right-section {
    max-width: 55%;
    flex: 0 0 55%;
}
.right-section-img {
  justify-content: flex-end;
  display: flex;
  /*margin-top: -90px;*/
}
.right-section-img .img-fluid {
  max-width: 100%;
}
.right-section-nav li {
  list-style: none;
  margin-bottom: 10px;
  display: flex;
}
.right-section-nav ul {
  padding: 0;
  margin: 30px auto;
}
.right-section-nav li a {
  list-style: none;
  font-family: 'Heebo', sans-serif;
  font-weight: 800;
  font-size: 28px;
  text-decoration: none;
  padding: 5px 20px;
  width: 80%;
  display: flex;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.3);
}
.right-section-nav li:nth-child(2n+1) {
  justify-content: flex-end;
}
.right-section-nav li:nth-child(1) a { background: #f3d865; color: #4848aa;}
.right-section-nav li:nth-child(2) a { background: #f397a2; color: #e31521;}
.right-section-nav li:nth-child(3) a { background: #1bdce5; color: #770425;}
.right-section-nav li:nth-child(4) a { background: #b873de; color: #810026;}
.right-section-nav li:nth-child(5) a { background: #9bde50; color: #3c4dc1;}
.navbar-nav li {
  margin-right: 50px;
}
.footer-section {
  background: #3f47cc;
  padding: 15px 0;
}
.footer-section h3 {
  color: #fff;
  font-size: 38px;
  font-family: 'Heebo', sans-serif;
  margin-bottom: 0;
  line-height: 4vw;
}


.about-main-section {
  background: #fff;
  padding: 30px;
  margin: 50px auto;
  border-radius: 10px;
}
.about-section4 ul {
  padding: 10px 0 0 20px;
}
.about-main-section,
.about-main-section li,
.about-main-section p {
  font-family: 'Heebo', sans-serif;
  font-weight: 400;
  line-height: 35px;
}
.about-section2 h3 {
  margin-bottom: 30px;
}
.about-section2 {
  margin-top: 60px;
}
.about-section2 li {
  list-style: none;
}
.about-section2 ul {
  padding: 0;
}
.about-section4 h3 {
  margin-bottom: 40px;
  margin-top: 60px;
}
.about-section2 li p {
  font-size: ;
  margin-bottom: 10px;
}
.ov-img img {
  width: 100%;
}
.about-section3 {
  margin-top: 60px;
}
.our-mission img {
  width: 100%;
}
.about-section4{ margin-top: 90px; }

.about-section2 img{ width: 100%; }

.contact-main-section {
  background: #fff;
  padding: 30px;
  margin: 50px auto;
  border-radius: 10px;
}
.contact-main-section input {
  height: 46px;
  margin-bottom: 30px;
}
.contact-main-section textarea{ resize: none; }

.contact-main-section,
.contact-main-section li,
.contact-main-section p {
  font-family: 'Heebo', sans-serif;
  font-weight: 400;
  line-height: 35px;
}
.contact-sidebar h4 {
  font-size: 18px;
}
.contact-sidebar p {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}
.contact-sidebar i {
    font-size: 40px;
    min-width: 70px;
    text-align: center;
    color: #53a87f;
    float: left;
    min-height: 80px;
}
.contact-sidebar .col-md-12 {
  margin-bottom: 20px;
}

.contact-main-section .btn-primary{ background: #3e48cc; }



@media (min-width: 1200px){
/*.main-section {
  height: 87.5vh;
  overflow: hidden;
}
.footer-section.text-center {
  height: 6vw;
}  
.section-row .left-section .img-fluid {
  height: 30vw;
  width: auto;
  max-width: none;
}*/
}
@media (max-width: 1100px){
  .right-section-nav li a{ font-size: 24px; }
  .right-section-img .img-fluid { max-width: 70%;}
}
@media (max-width: 991px){
  .contact-info a{ font-size: 16px; }
  .navbar-expand-md  .navbar-collapse{ margin-left: 5%; }
  .navbar-nav li {
    margin-right: 20px;
  }
  .navbar-light .navbar-nav .nav-link{ font-size: 16px; }
  .section-row .right-section,
  .section-row .left-section {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }
  .section-row .left-section img.img-fluid {
  margin: 0 auto;
  max-width: 600px;
  width: 90%;
}
.right-section-img {
  justify-content: flex-end;
  display: flex;
  margin-top: 0;
}
.right-section-img{
  justify-content: center;
}
}
@media (max-width: 767px){
  .about-section3 .ov-img {
  order: 1;
}
  .right-section-nav li a{
    font-size: 18px;
    width: 90%;
  }
  .navbar-light .navbar-toggler {
    margin-top: 70px;
    order: 1;
}
.navbar-collapse{ order:1; }
.contact-info a{ font-size: 24px; }
.navbar-nav {  text-align: center;}
.navbar-light .navbar-brand{ margin-top: 70px; order:1; }
.contact-info{ width: 100%; order: 0; justify-content: center;}
.navbar-nav li{ margin: 0 auto; }
.navbar-light .navbar-nav .nav-link {
  padding: 15px 0;
}

.contact-sidebar {
    margin-top: 90px;
    margin-bottom: 30px;
}
}
@media (max-width: 480px){
  .contact-sidebar i {
  float: none;
  display: block;
  text-align: center;
  min-height: inherit;
  margin-bottom: 10px;
}
  .contact-sidebar p,
  .contact-sidebar h4{ text-align: center; }
}