/* Other style in main.css */
.scheduleAbout{
position:relative;
margin-left:auto;
margin-right:auto;
display:-ms-flexbox;
display:flex;
align-content: center;
}
.subScheduleAbout{
position:relative;
display:block;
}
.aboutInfoHolder{
display:-ms-flexbox;
display:flex;
position:relative;
background-color:#E5E8F1;
height:auto;
margin: 0px 0px 20px 0px;
}
.aboutTopLeftTitle {
position:relative;
margin:1em 0.625em 1em 1.625em;
text-align:left;
color:#000000; 
z-index: 12;
font-size:120%;
text-transform:uppercase;
height:2em;

}
.aboutTopLeft, .aboutTopRight{
position:relative;
display:inline-block;
margin-left:auto;
margin-right:auto;

color:#B0B1B3;
vertical-align:top;
margin: 0.4em 0em 0.4em 0.4em;
width:48%;
}
p.aboutLeft{
margin:0em 0.625em 0.625em 1.625em;
text-align:justify;
padding:1em;
}

.aboutInstructor{
position:relative;
display:block;
margin:0px;
float:left;
}
.aboutCol1to3{
position:relative;
display:block;
float:left;
border-color:#E5E8F1;
margin:2em 1% 2em 1%;
padding:0px;
background-color:#FFFFFF;
color:#80828F;
height:auto;
width:31.25%;
}
.aboutCol{
display:block;
margin:0em 0.625em 0.625em 1.625em;
text-align:justify;
height:auto;
}
img.aboutImg{
width:100%;
max-height:100%;
}
.iconImage{
max-width:60px;
max-height:60px;

}
@media only screen and (max-width:1024px) {.aboutCol1to3{width:100%;margin:1em 0.5em 1em 0.6em;}}
@media only screen and (max-width:771px) { 
.subScheduleAbout{margin-left:auto;margin-right:auto;}
.aboutTopLeft, .aboutTopRight{margin:0em; width:100%;}
.aboutCol1to3{width:100%;margin:1em 0.5em 1em 0.6em;}
p.aboutLeft{margin:0em 1.625em 1.625em 1.625em;}
.aboutTopLeftTitle {margin:1em 0.625em 1em 1.625em;}
.aboutInfoHolder{-ms-flex-direction:column;flex-direction:column;}
img.aboutImg{max-height: 100%;width: 100%;}
}
@media only screen and (max-width:681px) {img.aboutImg{max-height: 100%;max-width: 100%;}
}