/* NOTE: VW formula 0.0525 * PX = VW */

/* NOTE:

PX -> VW | PX == VW



 */
.text-overview-container{
  margin-top: 1vw;
  margin-left: 10vw;
}
.text-overview{
  color: #070236;
  font-family: Dosis;
  font-size: 2.83vw;
  text-align: left;
  font-weight: 900;
}
.overview-desc-container{
  margin-top: 0.75vw;
  margin-left: 9vw;
  /*background: red;*/
  display: flex;
  justify-content:space-between;
}
.overview-text-container{
  flex: 0 0 50%;
  color: #000000;
  font-family: Dosis;
  font-size: 1.5vw;
  text-align: left;
}
.overview-img-container{
  flex: 0 0 30%;
  margin-top: -3.65vw;
  margin-right: 10%;
}
.overview-img-container img{
  width: 100%;
  height: auto;
}

/* TODO: Mohammed Code */

.core-mission-container{
  background: rgba(255,152,0,0.4);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  height: auto;
  margin-top: 5vw;
}
.right-container{
  height: auto;
  float: left;
  flex: 0 0 40%;
  padding-bottom: 5vw;
}
.left-container{
  flex: 0 0 40%;
  height: auto;
  margin-left: 1.5vw;
}
.line-container{
  flex: 0 0 0.4%;
  background-color: #070236;
  margin-top: 2vw;
  margin-bottom: 2vw;
}
.float-left-mission{
  float: left;
  margin-top: 2.625vw;
  margin-left: 1.05vw;
}
.left-container .float-left-mission{
  width: 7vw;
  height: 7vw;
  background-image: url('../img/mission.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-top:2vw;
}
.right-container .float-right-mission{
  width: 7vw;
  height: 7vw;
  background-image: url('../img/corevalue.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-top:2vw;
  margin-right: 5vw;
}
.left-container .float-right-mission{
  font-size: 2.83vw;
  font-weight: bolder;
  margin-top: 4vw;
}
.right-container .float-left-mission{
  font-size: 2.83vw;
  font-weight: bolder;
  margin-top: 4vw;
}
.float-right-mission{
  float: right;
  margin-right: 3vw;
}
.float-right-mission-text-container {
  float: left;
}
.left-container p,.right-container p{
  margin-left: 1.05vw;
  margin-right: auto;
  margin-top: 12vw;
  color: #9E9E9E;
  font-family: Dosis;
  font-size: 2vw;
  text-align: left;
}
/* TODO: Mohammed Code Ends */
.mission-statement{
  background-color:  #FF9800;
  height: 5.25vw;
  display: flex;
  align-items: center;
  font-weight: bold;
  color: white;
  justify-content: flex-start;
  font-size: 1.05vw;
  margin-top: 2.625vw;
}
.map{
  min-height: 15.75vw;
}
.mission-statement h1{
  margin-left: 15vw;
}
/* footer updates  */
.col-ld-33.map{
  margin-top: 3vw;
  border-radius: 0.525vw;
  flex: 0 0 30%;
}

/* mobile content start */
.mob-main-container{
  display: none;
}
@media only screen and (max-width: 1024px) {
  .mob-main-container{
    display: block;
  }
  .mob-overview{
    margin: auto;
    margin-top: 1.8375vw;
    text-align: center;
    color: #070236;
  }
  .mob-img-container{
    margin: auto;
    margin-top: 1.8375vw;
  }
  .mob-img-container img{
    height: 50vw;
    weight: 50vw;
  }
  .mob-overview-content{
    margin-left: 2.1vw;
    margin-right: 2.1vw;
    color: #333333;
    font-family: 'Source Sans Pro';
    font-size: 2.5vw;
    text-align: justify;
  }
  .db-mob-container{
    width: auto;
    height: auto;
    background: rgba(255,152,0,0.4);
    border: 0.0525vw solid #FF9800;
    margin-left: 2.1vw;
    margin-right: 2.1vw;
    margin-top: 1.575vw;
  }
  .upper-mob-heading{
    display: flex;
    justify-content: center;
    margin-top: 3vw;
  }
  .float-left-mob-mission{
    width: 10vw;
    height: 10vw;
    background-image: url('../img/mission.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  .float-right-mob-mission{
    height: 5.25vw;
    margin-top:4vw;
    margin-left: 2vw;
    color: #333333;
    font-family: 'Source Sans Pro';
    font-size: 4vw;
  }
  .upper-mob-content{
    margin-left: 2.3625vw;
    margin-right: 2.3625vw;
    margin-top: -2.1vw;
    color: #333333;
    font-family: 'Source Sans Pro';
    font-size: 2.5vw;
  }
  .mob-line{
    height: 0.525vw;
    width: auto;
    margin-left: 7.5vw;
    margin-right: 10vw;
    margin-top: 1.3125vw;
    background-color: black;
    border-radius: 0.105vw;
  }
  .lower-mob-heading{
    display: flex;
    justify-content: center;
    margin-top: 3vw;
  }
  .lower-mob-heading .float-left-mob-mission{
    width: 10vw;
    height: 10vw;
    background-image: url('../img/corevalue.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-top: 0.525vw;
  }
  .lower-mob-content{
    margin-left: 2.3625vw;
    margin-right: 2.3625vw;
    margin-top: -2.1vw;
    color: #333333;
    font-family: 'Source Sans Pro';
    font-size: 2.5vw;
  }
  .mission-mob-container{
    background-color:  #FF9800;
    height: 10vw;
    margin-left: 2.1vw;
    margin-right: 2.1vw;
    text-align: center;
  }
  .mission-mob-container h2{
    padding-top: 0.525vw;
    color: #333333;
    font-family: 'Source Sans Pro';
  }
  .mission-mob-container span{
    color: #333333;
    font-family: 'Source Sans Pro';
    font-size: 2.8vw;
    text-align: left;
  }
}
/*mobile content ends */