.about-wrapper{width:100%; float:left;}
.about-image{width:75%; float:left; margin:0 10%; border: 1px solid #ffddea;padding: 1.5%; background-color: #fff1f5;}
.about-wrapper img{width:100%;}
.about-content-wrapper{width:100%; float:left;}
.about-info-wrapper{width:98%; float:left; margin:1%;}
.about-heading{width:25%; float:left;}
.about-info{width:75%; float:left;}
.about-wrapper h6{margin:0;    font-size: 1.1em;font-family: Verdana, Arial, Helvetica, sans-serif; color: #4e49b9;}
.about-heading span{float:right; padding-right:20%;font-size: 1.1em;}
.about-info h5{margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#5d5d5d;}
.about-wrapper h3{margin:0; background-color: #eccf50;color: #39367f;font-weight: 600;font-family: corbel;font-size: 1.15em; padding: 1%;margin-top:1.5%;  display: flex;}
.about-wrapper p{margin:0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#5d5d5d;color: #4e4e4e;padding: 1% 0;line-height: 165%; }
.update-soon{width:100%; float:left;}
.update-soon h6{margin:0; font-size:1.7em;font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:5% 2%; color: #e2d9b0; font-weight: 600;}

@media only screen and (max-width:767px){
.about-image{width:40%; margin:0 30%;}
.about-content-wrapper{width:96%; margin:2% 0;}
.about-heading{width:35%;}
.about-info{width:65%;}
.about-wrapper h3{padding:2%;}
.update-soon h6{font-size:1.5em; padding:10% 2%;}
}
@media only screen and (max-width:500px){
.about-image{width:60%; margin:0 20%;}
.about-wrapper h3{padding:3%;}
.about-wrapper h6, .about-info h5{font-size:0.95em;}
.update-soon h6{font-size:1.5em;}
.about-info-wrapper{margin:2% 1%;}
.about-heading{width:40%;}
.about-info{width:60%;}
.about-heading span{padding-right:10%;}
}