html {
width: 100%;
height: auto;
background-color: #DAE7E8;
font-family: 'Raleway' , sans-serif;
overflow-x:hidden;
}
body {
width: 100%;
height: auto;
margin: 0;
padding: 0;
color: #415355;
}
header {
width: 100%;
height: 90px;
background-color: #C1D7D9;
position: fixed;
/*-webkit-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);*/
}
.covidBanner {
width: 100%;
height: 30px;
position: fixed;
background-color: rgba(249, 185, 183, 1);
margin-top: 90px;
-webkit-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px 9px rgba(0,0,0,0.5);
}
.covidBanner p {
text-align: center;
color:white;
}
footer {
min-width: 100%;
height: 320px;
background-color: #95AAAC;
}
/*start nav header*/
nav {
width: 960px;
height: 90px;
margin: 0 auto;
}
nav ul {
float: right;
margin: 0;
text-align: center;
}
nav ul li {
display: inline-block;
text-transform: uppercase;
/*padding: 33px 15px;
margin: 0;*/
font-weight: 700;
font-size: 15px;
}
nav a {
margin: 0;
display: inline-block;
padding: 33px 15px;
}
p {
margin: 0;
padding: 0;
line-height: 1.8;
letter-spacing: 1px;
}
a {
color: #415355;
font-weight: 800;
text-decoration: underline;
}
.dropDown, .dropDownSub {
display: block;
width: 220px;
height: auto;
background-color: #95AAAC;
padding: 0px;
}
.dropDown li {
display: block;
/*padding: 20px 0 20px 0;*/
border-bottom: 1px solid rgba(0,0,0,0.20);
}
.dropDown a {
padding: 20px 0 20px 0;
}
.dropDown {
border-radius: 0 0 8px 8px;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
position: absolute;
margin-top: 5px;
margin-left: 0px;
}
.dropDownSub{
/*margin: 21px 0 21px 0;*/
background-color: #819799;
}
.dropDownSub a {
}
/**/
.dropDown li:last-child {
border-radius: 0 0 8px 8px;
border-bottom: 0px solid rgba(0,0,0,0.20);
}
.dropDownSub li:last-child {
border-radius: 0;
border-bottom: 1px solid rgba(0,0,0,0.20);
}
.navHide {
display: none;
}
.navShow {
/*display: default;*/
display: block;
}
.navShowSub {
display: block;
}
.navSubShow {
/*display: default;*/
display: block;
}
li a {
text-decoration: none;
color: #415355;
}
nav li:hover {
background-color: rgba(249, 185, 183, 1);
border-bottom: 5px solid rgba(0,0,0,0.40);
}
nav li ul li:hover {
background-color: rgba(249, 185, 183, 1);
border-bottom: 1px solid rgba(0,0,0,0.20);
}
/*.privateBanner{
background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/piano4.jpg');
background-position: 0px 0%;
}
.banner {
background-size: 100% auto;
background-repeat: no-repeat;
height: 350px;
width: 100%;
padding: 0;
margin: 0;
display: block;
}*/
#banner {
background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/header.jpg');
background-position: 0px 50%;
background-size: 100% auto;
background-repeat: no-repeat;
height: 350px;
width: 100%;
padding: 0;
margin: 0;
}
/*end header and nav*/
.wrapper {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
.content {
width: 980px;
height: auto;
background-color: rgba(255, 255, 255, 0.5);
margin: 0 auto;
padding: 0;
}
h1 {
font-weight: 800;
font-size: 55px;
/*margin-bottom: 50px;
margin-top: 50px;*/
margin: 0;
padding: 50px 0 75px 0;
text-align: center;
}
footer div {
width: 960px;
height: auto;
margin: 0 auto;
}
footer div div{
width: 32%;
height: 300px;
float: left;
display: inline-block;
margin-left: 1%;
}
footer .title {
font-weight: 400;
text-align: center;
text-transform: uppercase;
font-size: 24px;
color: white;
padding: 50px 0;
margin: 0;
}
footer ul {
display: block;
margin: 0 auto;
width: 100%;
padding: 0;
height: auto;
float: left;
}
footer li, footer a {
text-decoration: none;
color: #415355;
font-size: 16px;
padding: 2%;
width: 96%;
}
footer ul li {
display: block;
margin: 0 auto;
}
.socialIcon {
margin: 0 auto;
height: 50px;
}
.socialIcon li {
display: inline;
}
.footerNav li{
text-transform: uppercase;
text-align: center;
font-weight: 800;
}
.copyRight,
.websiteBy{
color: white;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
width: 100%;
text-align: center;
display: inline-block;
background-color: #95AAAC;
margin: 0 auto;
}
.copyRight {
padding: 50px 0;
}
.websiteBy a{
color: #69797A;
font-size: 10px;
font-weight: 400;
padding: 5px;
display: inline-block;
margin: 0;
}
.mobileBtn {
display: none;
}
i.fas.fa-bars,
i.fas.fa-times{
font-size: 45px;
height: 38px;
line-height: 40px;
margin: 26px 10px 26px 10px;
text-align: center;
width: 55px;
}
i.fab {
font-size: 35px;
margin: 5px;
}
.socialCenter {
width: 90%;
height: auto;
margin: 0 5% 0 5%;
display: block;
}
/
/*homepage stuff*/
.homePage {
display: block;
/*background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/header.jpg');
background-position: 0px 55%;
background-size: 100% auto;
background-repeat: no-repeat;*/
width: 100%;
height: 800px;
padding: 0;
margin: 0;
overflow: hidden;
}
.indexPage {
background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/header.jpg');
background-position: 0px 55%;
background-size: 106% auto;
background-repeat: no-repeat;
width: 100%;
height: 900px;
}
.contentHome {
width: 980px;
height: 800px;
margin: 0 auto;
}
.hWelcome, .hTo, .hAlex, .hMission {
color: white;
text-align: center;
margin: 0 auto;
}
.hWelcome {
font-weight: 800;
font-size: 110px;
padding: 120px 0 0 0;
text-shadow: 0px 4px 6px #000;
}
.hTo {
font-size: 60px;
text-shadow: 0px 2px 4px rgba(0.0,0.0,0.0, 0.5);
}
.hAlex {
font-weight: 800;
font-size: 57px;
text-shadow: 0px 4px 6px #000;
}
.hMission {
width: 630px;
font-size: 18px;
text-shadow: 0px 2px 4px #000;
padding: 0;
}
.schedulePadding {
padding: 100px 0 ;
}
.scheduleBtn {
width: 382px;
height: 60px;
border-radius: 50px;
background-color: #415355;
margin: 0 auto;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
font-size: 18px;
display: table;
}
.scheduleBtn p {
color: white;
text-align: center;
font-size: 30px;
margin: 0;
/*padding: 12px 0 0 0;*/
display: table-cell;
vertical-align: middle;
}
/*page basic content*/
h2, h3 {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
display: block;
}
h2 {
font-weight: 500;
font-size: 36px;
}
h3 {
font-weight: 400;
font-size: 28px;
}
.content img {
display: inline-block;
margin: auto;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}
.noShadow img {
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.content p {
margin: 0 100px;
}
.scheduleBtn p {
margin: 0 0;
}
.schedulePadding a {
text-decoration: none;
}
.contentLeft {
/*background-color: red;*/
width: 48%;
margin: 0 4% 0 0;
float: left;
/*padding-bottom: 50px;*/
}
.contentRight {
/*background-color: blue;*/
width: 48%;
float: left;
/*padding-bottom: 50px;*/
}
.contentRight img,
.contentLeft img,
.contentCenter img {
margin: 0 auto;
display: block;
}
.contentCenter {
width: 100%;
height: auto;
/*padding-bottom: 50px;*/
margin: 0 auto;
overflow: auto;
display: block;
}
.contactInfo {
width: 385px;
height: 73px;
display: block;
padding-bottom: 50px;
margin: 0 auto;
}
.contactInfo p {
text-decoration: none;
color: #383838;
float: left;
margin: 25px 0 0 15px;
}
.contactInfo img {
float: left;
width: 77px;
height: 73px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.pillCenter {
width: 640px;
margin: 0 auto;
}
.pill {
font-weight: 400;
background-color: #699EA3;
width: 306px;
height: 66px;
/*display: inline-block;*/
display: inline-table;
border-radius: 0px;
border-radius: 100px;
padding: 0;
-webkit-transition: width 1s, height 1s; /* Safari */
transition: width 1s, height 1s;
}
/*.pill:hover {
width: 308px;
height: 68px;
}*/
.pillFirst {
margin: 0 22px 0 0;
}
.pill p {
margin: 0 auto;
color: white;
font-size: 30px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.ukuleleClass {
width: 85%;
}
.content img.bioImg {
margin: 0 50px 25px 50px;
width: 400px;
height: 250px;
float: left;
}
.teacher p {
margin: 0px 50px 0px 50px;
}
.teachingDays {
padding: 22px 0px 50px 0px;
}
/**/
.break {
display: block;
}
.classImage {
width: 730px;
margin: 0 auto;
}
.classImageAbout {
width: 585px;
margin: 0 auto;
}
.classImageAbout img,
.classImage img {
display: inline-block;
}
.circleGrp1,
.circleGrp2 {
width: 470px;
display: inline-block;
}
.circleGrp {
width: 750px;
margin: 0 auto;
}
.circle,
.contentBox {
background-color: #699EA3;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
padding: 0;
margin: 0 ;
}
.circle {
width: 185px;
height: 185px;
border-radius: 100px;
display: inline-block;
}
.circle:first-child {
margin: 0 0 0 45px;
}
.circle:last-child {
/*margin: 0 0 0 50px;*/
}
.centerCircle {
margin: 0 50px;
}
.circle:hover {
/*z-index: -1;
margin-top: -50px;*/
background-color: rgba(249, 185, 183, 1);
}
.circle p {
color: white;
font-size: 30px;
text-align: center;
list-style: none;
width: 185px;
height: 185px;
padding: 0;
margin: 0 auto;
display: table-cell;
vertical-align: middle;
line-height: 1.3;
}
.amazon {
display: table;
float: none;
margin: 0 auto;
border-radius: 10px 10px 10px 10px;
}
.contentBox {
width: 304px;
height: 280px;
border-radius: 10px;
float: left;
}
.contentBoxHeader,
.amazon {
width: 304px;
height: 59px;
background-color: #415355;
}
.contentBoxHeader {
margin: 0;
border-radius: 10px 10px 0 0;
display: inline-table;
}
.contentBoxHeader p,
.amazon p {
color: white;
width: 300px;
display: table-cell;
vertical-align: middle;
font-size: 21px;
text-align: center;
padding: 0;
margin: 0;
}
.contentBox ul {
padding: 10px 0 0 0;
margin: 0;
}
.contentBox ul li {
font-size: 18px;
padding: 0;
margin-left: 30px;
padding: 0 0 15px 0 ;/*15*/
line-height: 20px;
}
.contentBox ul li ul {
padding: 5px 0 0px 0;/*5px 0 18px 0*/
margin: 0;
}
.QnA ul li {
font-size: 16px;
padding: 0 0 10px 0 ;/*15*/
}
.QnA ul li ul {
padding: 0 0 0 0;
}
.contentBox ul li ul li {
font-size: 14px;
color:white;
list-style: none;
padding: 0px 0 0 0;
font-weight: 400;
margin: 0;
}
.QnA ul li ul li {
color: #415355;
}
.contentBox ul li ul li.hoursFix {
font-size: 18px;
padding: 0 0 0 0 ;
}
.contentBox ul li ul li.hoursFix:last-child {
}
.centerBoxInfo {
margin: 50px 338px 0 338px;
}
.boxSmall {
height: 179px;
}
.doubleList {
padding: 5px 0 0 0;
}
.pad22 {
margin: 0 0 42px 0;
}
.sideBoxLeft {
margin: 0;
}
.sideBoxRight {
margin: 0;
}
.sideBoxLeft,
.sideBoxCntr,
.sideBoxRight {
margin: 0 11px 0 11px;
}
.leftBox {
margin: 0 22px 0 180px ;
}
.rightBox {
margin: 0 100px 0 0;
}
p.noteTiny {
font-size: 9px;
width: 250px;
float:right;
line-height: 11px;
margin: 0 15px 0 0 ;
}
.centerBox {
margin: 0 auto;
float: none;
}
.aboutLeft {
width: 350px;
height: 350px;
display: inline-block;
float: left;
margin: 0 50px;
background: url('images/AlexsMusicStudio.jpg');
background-size: 100% auto;
background-repeat: no-repeat;
}
.aboutRight {
width: 500px;
height: 300px;
display: inline-block;
padding: 0;
}
.aboutRight p {
margin:0;
padding: 10px;
}
.circleGroup a,
a div,
.contentBox a,
footer a {
text-decoration: none;
font-weight: 500;
}
.centerBox {
margin: 0 auto;
float: none;
}
.tiny {
font-size: 15px;
}
ol.birthday {
list-style: upper-latin;
padding-left: 150px;
}
ol.birthday li {
letter-spacing: 1px;
line-height: 1.8;
}
.logoLink,
.logo {
margin: 0;
padding: 0 0;
}
.pageImage {
max-width:100%;
}
.classButtonContent a {
text-decoration: none;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}
.privateLessonBTN {
background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/privateLesson.jpg');
}
.instrumentPalsBTN {
background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/instrumentPals.jpg');
}
.singPlayBTN {
background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/singAndPlayLesson.jpg');
}
.dropInBTN {
background: linear-gradient(rgba(249, 185, 183, 0.0), rgba(249, 185, 183, 0.5)),
url('images/dropInLessong.jpg');
}
.classButton {
width: 450px;
height: 150px;
margin: 0 auto;
margin-bottom: 30px;
background-size: 100% auto;
background-repeat: no-repeat;
border-radius: 3px;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}
.classButton h2 {
display: inline-block;
font-size: 30px;
color: white;
text-align: left;
margin: 105px 0 0 20px;
text-shadow: 2px 2px 8px #000000;
}
ul.policyList {
list-style: lower-alpha;
line-height: 1.8;
}
ol.policyListNum {
line-height: 1.8;
}
ul.policyList li,
ol.policyListNum li {
margin: 0 100px;
/*padding-bottom: 20px;*/
}
.instrumentList {
width: 25%;
margin: 0 auto;
}
.instrumentList li{
font-size: 24px;
}
.offerInfo {
font-size: 18px;
width: 60%;
margin: 0 auto;
}
.offerInfo li {
padding-bottom: 10px;
}
/*start media queries*/
.collapseTop50 {
padding-top: 0;
}
@media screen and (max-width: 980px) {
.mobileBtn {
display: inherit;
}
nav {
width: 100%;
}
nav ul {
display: none;
float: right;
margin: 0 auto;
text-align: center;
width: 100%;
background-color: #73888A;
}
nav ul li {
display: block;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,0.20);
/*padding: 10px 0 10px 0;*/
list-style-position: inside;
}
nav a,
.dropDown a {
padding: 20px 0 20px 0;
}
.mobileDrop {
margin: -5px 0 -5px 0;
}
.dropDown, .dropDownSub {
border-radius: 0;
position: inherit;
width: 100%;
margin: -1px 0 -1px 0;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}
.dropDown li, .dropDownSub li {
display: block;
/*padding: 10px 0 10px 0;*/
padding: 0 0 0 0;
border-radius: 0px;
}
.barsDiv {
display: inline-block;
width: 75px;
height: 90px;
float: left;
}
.logo {
float: left;
margin: 0;
}
.collapseTop50 {
padding-top: 50px;
}
nav ul li:last-child {
border-bottom: 1px solid rgba(0,0,0,0.20);
}
.dropDown li:last-child {
border-radius: 0;
border-bottom: 1px solid rgba(0,0,0,0.20);
/*padding-bottom: 11px;*/
}
.wrapper {
width: 100%;
}
.content {
width: 100%;
}
.contentLeft {
width: 100%;
margin: 0 auto;
}
.contentRight {
width: 100%;
margin: 0 auto
}
.contentCenter {
width: 100%;
padding-bottom: 50px;
}
footer {
height: auto;
}
footer div {
display: block;
width: 100%;
}
footer div div:first-child {
height: 200px;
}
footer div div{
width: 100%;
display: block;
margin: 0 auto;
float: none;
}
footer li, footer a {
padding: 1%;
width: 96%;
}
footer ul li {
text-align: center;
}
.socialCenter {
width: 230px;
height: 45px;
margin: auto;
}
nav li:hover {
background-color: rgba(249, 185, 183, 1);
border-bottom: 1px solid rgba(0,0,0,0.20);
}
.hWelcome {
font-size: 110px;
}
.hTo {
font-size: 50px;
}
.hAlex {
font-size: 57px;
}
.hMission {
width: 530px;
font-size: 18px;
}
.contentHome {
width: 100%;
}
.circle:first-child {
margin: 0 0 0 15px;
}
.circleGrp1,
.circleGrp2,
.circleGrp {
display: block;
width: 620px;
margin: 0 auto;
}
.circleGrp1 {
padding-bottom: 50px;
}
.sideBoxLeft,
.sideBoxCntr {
display: inline-block;
margin:0 0 50px 0;
}
.topBoxGrp1,
.topBoxGrp2,
.topBoxGrp {
width: 635px;
margin: 0 auto;
overflow: hidden;
float: none;
}
.topBoxGrp1,
.topBoxGrp {
margin-bottom: 22px;
}
.sideBoxRight {
display: block;
margin: 0 auto;
}
.contentBox {
float: none;
margin: 0 auto
}
/*.topBoxGrp1 .sideBoxCntr,
.topBoxGrp1 .sideBoxLeft,
.topBoxGrp2 .sideBoxRight,
.topBoxGrp2 .centerBoxInfo
{
display: inline-block;
margin: 0 0 0 0;
}*/
.sideBoxLeft
/*.topBoxGrp2 .sideBoxRight */{
float: left;
margin: 0 22px 0 0;
}
.classImageAbout {
width: 585px;
}
.classImage {
width: 605px;
}
.tabletPush {
padding-left: 146px;
}
.centerBox {
/*display: inline-table;*/
margin: 0 auto;
}
.aboutLeft {
width: 600px;
height: 250px;
display: block;
float: none;
background-position: 10% 20%;
margin: 0 auto;
}
.aboutRight {
width: 90%;
padding: 0 5%;
height: auto;
}
.indexPage {
background-size: 140% auto;
}
.circle {
margin: 40px;
}
.pageImage {
max-width:90%;
}
}
@media screen and (max-width: 640px) {
.pillCenter {
width: 300px;
}
.pill:first-child {
margin: 0;
}
.pill:last-child {
margin: 22px 0 0 0;
}
.topBoxGrp2,
.topBoxGrp,
.topBoxGrp1
{
width: 100%;
}
.contentBox,
.sideBoxLeft,
.sideBoxCntr,
.sideBoxRight,
.centerBoxInfo {
display: block;
margin: 0 auto;
float: none;
}
.contentBox {
margin-bottom: 22px;
}
}
@media screen and (max-width: 620px) {
.socialCenter {
width:62%;
margin: 0 19% 0 19%;
}
.contentHome {
width: 400px;
}
.hWelcome {
padding: 168px 0 0 0;
font-size: 60px;
}
.hTo {
font-size: 30px;
}
.hAlex {
width: 90%;
font-size: 40px;
}
.hMission {
width: 360px;
font-size: 18px;
margin: 0 auto;
}
.scheduleBtn {
width: 306px;
height: 60px;
}
.scheduleBtn p {
font-size: 25px;
}
.indexPage {
background-position: 0px 55%;
background-size: 190% auto;
/*height: 800px;*/
}
.circle {
width: 325px;
height: 66px;
margin: 0 20px;
padding: 0;
display: block;
}
.circle:first-child {
margin: 0 auto;
}
.circle:last-child {
margin: 0 auto;
}
.circle p {
font-size: 24px;
height: 66px;
width: 305px;
margin: 15px 0 0 0;
}
.circleGroup a{
margin:0 0 0 20px;
}
.circleGrp1,
.circleGrp2,
.circleGrp {
display: block;
width: 100%;
margin: 0 auto;
height: 220px;
}
.circleGrp1 {
padding-bottom: 0;
}
.content p {
margin: 0 25px;
}
.classImage {
width: 290px;
margin: 0 auto;
}
.classImageAbout {
width: 290px;
}
.aboutLeft {
width: 400px;
background-size: 100% auto;
/*background-position: 70% 40%;*/
background-repeat: no-repeat;
overflow: hidden;
}
.content img.bioImg {
margin: 0 0 22px 0;
width: 100%;
height: auto;
float: left;
}
.contactInfo {
margin-left: 15px;
}
.contactInfo p {
margin: 20px 0 0 15px;
}
.mobileLineBreak {
display: block;
}
.contactTwoLines p{
margin: 10px 0 0 15px;
}
.tabletPush {
padding-left: 0px;
}
.offerInfo {
font-size: 18px;
width: 90%;
}
}
@media screen and (max-width: 400px) {
.topBoxGrp {
width: 100%;
}
.contentBox {
margin: 0 auto;
width: 100%;
height: 300px;
border-radius: 0;
margin: 0 0 22px 0;
}
.contentBoxHeader {
width: 100%;
border-radius: 0 0 0 0;
}
.boxSmall {
height: 150px;
}
p.noteTiny {
font-size: 9px;
width: 350px;
margin: 0 35px 0 0;
}
.sideBoxRight.tinyNote {
margin-top: 15px;
}
.contentBox ul li {
margin-left: 50px;
}
.topBoxGrp1,
.topBoxGrp2 {
width: 100%;
}
.aboutLeft {
width: 400px;
/*background-size: 95% auto;
background-repeat: no-repeat;*/
margin: 0 auto;
}
h1 {
font-size: 45px;
}
ol.birthday {
padding-left: 80px;
}
.promoImage {
width: 90%;
height: auto;
}
.classButton {
width: 100%;
height: auto;
margin: 0 auto;
border-radius: 0px;
margin-bottom: 30px;
}
.classButton h2 {
margin: 22% 0 0 2%;
}
}
/*end media queries*/
.hide {
display: none;
}
.center {
margin: 0 auto;
text-align: center;
}
.paddingBtm100 {
padding-bottom: 100px;
}
.paddingTop100 {
padding-top: 100px;
}
.paddingBtm50 {
padding-bottom: 50px;
}
.paddingBtm30 {
padding-bottom: 30px;
}
.paddingBtm20 {
padding-bottom: 20px;
}
.paddingTop50 {
padding-top: 50px;
}
.noBtmPadding {
padding-bottom: 0;
}
.noPadding {
padding: 0 0 0 0;
}