/* Other style in main.css or default.css*/
.scheduleAbout{
position:relative;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;

}
.scheduleContact{
position:relative;
margin-left:auto;
margin-right:auto;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
height: 49em;
}
.subScheduleAbout, .subScheduleAboutRow  {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.subSchedule{
position:relative;
display:block;
}
.aboutInfoHolder{
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
position:relative;
background-color:#E5E8F1;
height: auto;
margin: 0px 0px 10px 0px;
}
.aboutTopLeftTitle {
position:relative;
margin:1em 0em 1em 0em;
color:#000000; 
z-index: 12;
font-size:1.25em;
text-transform:uppercase;
height:auto;
text-align:center;
}
.aboutTopLeft{
position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
color:#B0B1B3;
margin: 0.4em 1em 0.4em 0.4em;
width:50%;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
        align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
        justify-content: center;

}
.aboutTopRight{
position:relative;
display:inline-block;
color:#ffffff;
vertical-align:top;
margin: 0.4em 1em 0.4em 0.4em;
width:50%;
}
.contactTopLeft, .contactTopRight{
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:50%;
}
p.aboutLeft{
margin:0em 0.625em 0.625em 0.5em;
text-align:justify;
padding:0em;
}

.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%;
}

.aboutCol1to2{
position:relative;
display:block;
float:left;
border-color:#E5E8F1;
margin:2em 1% 2em 1%;
padding:0px;
background-color:#FFFFFF;
color:#80828F;
height:auto;
margin-left: auto;
margin-right: auto;
}
.aboutCol{
display:block;
margin:0em 0.625em 0.625em 1.625em;
text-align:justify;
height:auto;
}
.iconImage{max-width:60px;max-height:60px;margin-left: auto; margin-right: auto;}
.icon2Image{max-width:95px;max-height:95px;margin-left: auto; margin-right: auto;}
.largeIconImage{height:auto;}
.largeIcon{
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width:1024px) {
.aboutCol1to3{width:100%;margin:1em 0.5em 1em 0.6em;}
.scheduleContact{height: 64em;}
}
@media only screen and (max-width:771px) { 
.subSchedule{margin-left:auto;margin-right:auto;}
.aboutTopLeft,.contactTopLeft, .contactTopRight{margin:0em; width:100%;}
.aboutTopRight{margin:1%; width:98%;}
.aboutCol1to3{width:100%;margin:1em 0em 1em 0em;}
p.aboutLeft{margin:0em 1.625em 1.625em 1.625em;}
.aboutTopLeftTitle {margin:1em 0em 1em 0em;}
.aboutInfoHolder{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column-reverse;-webkit-flex-direction:column;flex-direction:column;}
img.aboutImg{max-height: 100%; width: 100%;}
.subScheduleAbout {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.scheduleContact{height: 109em;}
}
@media only screen and (max-width:681px) {img.aboutImg{max-height: 100%;max-width: 100%;}}
@media only screen and (max-width:601px) {.subScheduleAboutRow {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}}
@media only screen and (max-width:380px) {}
@media only screen and (max-width:320px) {}