@charset "UTF-8";
/* CSS Document */


/* BASELINE CSS */

.bbbleft {
  margin: 0px auto;
  float: left;
  width: 50%;
}
.bbbright {
  margin: 0px auto;
  float: right;
  width: 50%;
}

body {
	background-color:#dbddd1;
	color: #474836;
	font-family: 'Marcellus', serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
#rev_slider_1_1_wrapper {
  margin-bottom: 40px !important;
}
.clear {
	clear: both;
	height: 0px;
}
h1, h2 {
	color:#4d1501;
	font-family: 'Marcellus SC', serif;
	font-size:32px;
	font-weight:normal;
	margin-top:0px;
}
.companyName {
	font-family: 'Marcellus SC', serif;
	font-size:48px;
	color:#4d1501;
}
.tagline {
	font-family: 'Marcellus SC', serif;
	font-size:24px;
	color:#474836;
}
.headercontact {
	font-family: 'Marcellus SC', serif;
	color:#474836;
	font-size:17px;
}
.topshadow {
background-image:url(https://www.sunandmoonpiano.com/new/templates/sunandmoonpianoshoppenew/images/topShadow.jpg);
	background-repeat:no-repeat;
background-size: 100%;
	height:60px;
	width:100%;
  clear: both;
}
.bottomshadow {
	background-image:url(https://www.sunandmoonpiano.com/new/templates/sunandmoonpianoshoppenew/images/btmShadow.jpg);
	background-repeat:no-repeat;
background-size: 100%;
	height:60px;
	width:100%;
  clear: both;
}

/* END BASELINE CSS */

#sitebox {
	margin: 0px auto;
	width: 80%;
  max-width: 1400px;
}
#headerbox {
	margin: 0px auto;
	width: 100%;
}
#headercontent {
	margin: 0px auto;
	width: 100%;
}
#headersubcontent {
	margin: 0px auto;
	width: 100%;
}
#contentbox {
	margin: 0px auto;
	width: 100%;
	background-image:url(https://www.sunandmoonpiano.com/new/images/musicSheet2.png);
	background-repeat:repeat;
	background-position:top center;
	background-size:100%;
    padding-bottom: 40px;
}
#contentsidebar {
	margin: 0px auto;
	float: left;
	width: 30%;
  -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
-moz-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
	background-color: #a3a48d;
	background-image:url(https://www.sunandmoonpiano.com/new/images/sunmoongraphic.jpg);
  background-size: 100%;
	background-repeat:no-repeat;
	background-position: bottom center;
	padding-bottom: 460px;
}
#contentright {
	margin: 0px auto;
	float: right;
	width: 65%;
	margin-left: 5%;
}
#contentright img {
  max-width: 100%;
}



@media (min-width: 1093px) and (max-width: 1599px) {

#contentsidebar {
	padding-bottom: 400px;
}
  
}

@media (min-width: 880px) and (max-width: 1092px) {

    h1, h2 {
	color:#4d1501;
	font-family: 'Marcellus SC', serif;
	font-size:26px;
	font-weight:normal;
	margin-top:0px;
}
.companyName {
	font-family: 'Marcellus SC', serif;
	font-size:36px;
	color:#4d1501;
}
.tagline {
	font-family: 'Marcellus SC', serif;
	font-size:20px;
	color:#474836;
}
.headercontact {
	font-family: 'Marcellus SC', serif;
	color:#474836;
	font-size:16px;
}
  div#maximenuck98.maximenuckv ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck98.maximenuckv ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {
    font-size: 16px !important;
}
  #contentsidebar {
	padding-bottom: 300px;
}
}

@media (min-width: 579px) and (max-width: 879px) {

  .topshadow {
background-image:url(https://www.sunandmoonpiano.com/new/templates/sunandmoonpianoshoppenew/images/topShadow.jpg);
	background-repeat:no-repeat;
background-size: 100%;
	height:20px;
	width:100%;
  clear: both;
}
  h1, h2 {
	color:#4d1501;
	font-family: 'Marcellus SC', serif;
	font-size:26px;
	font-weight:normal;
	margin-top:0px;
}
.companyName {
	font-family: 'Marcellus SC', serif;
	font-size:36px;
	color:#4d1501;
}
.tagline {
	font-family: 'Marcellus SC', serif;
	font-size:20px;
	color:#474836;
}
.headercontact {
	font-family: 'Marcellus SC', serif;
	color:#474836;
	font-size:16px;
  }
  #sitebox {
    width: 90%;
  }
#contentsidebar {
	margin: 0px auto;
	float: none;
  clear: both;
	width: 100%;
  -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
-moz-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
	background-color: #a3a48d;
	background-image: none;
  background-size: 100%;
	background-repeat:no-repeat;
	background-position: bottom center;
	padding-bottom: 0px;
  margin-bottom: 40px;
}
#contentright {
	margin: 0px auto;
	float: none;
  clear: both;
	width: 100%;
	margin-left: 0%;
}
   .bottomshadow {
    height: 20px;
  }

}

@media (min-width: 1px) and (max-width: 579px) {

  .bbbleft {
  margin: 0px auto;
  float: none;
  width: 100%;
    padding-bottom: 20px;
}
.bbbright {
  padding-top: 20px;
  margin: 0px auto;
  float: none;
  width: 100%;
}
  #footerbox {
    font-size: 12px !important; 
  }
    .topshadow {
background-image:url(https://www.sunandmoonpiano.com/new/templates/sunandmoonpianoshoppenew/images/topShadow.jpg);
	background-repeat:no-repeat;
background-size: 100%;
	height:20px;
	width:100%;
  clear: both;
}
  .bottomshadow {
    height: 20px;
  }
  h1, h2 {
	color:#4d1501;
	font-family: 'Marcellus SC', serif;
	font-size:20px;
	font-weight:normal;
	margin-top:0px;
}
.companyName {
	font-family: 'Marcellus SC', serif;
	font-size:26px;
	color:#4d1501;
}
.tagline {
	font-family: 'Marcellus SC', serif;
	font-size:16px;
	color:#474836;
}
.headercontact {
	font-family: 'Marcellus SC', serif;
	color:#474836;
	font-size:12px;
}
   #headerbox {
    font-size: 12px !important;
  }
  #sitebox {
    width: 90%;
  }
#contentsidebar {
	margin: 0px auto;
	float: none;
  clear: both;
	width: 100%;
  -webkit-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
-moz-box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25), -2px -2px 2px 0px rgba(0,0,0,0.25), 2px 2px 2px 0px rgba(255,255,255,0.25);
	background-color: #a3a48d;
	background-image: none;
  background-size: 100%;
	background-repeat:no-repeat;
	background-position: bottom center;
	padding-bottom: 0px;
    margin-bottom: 40px;
}
#contentright {
	margin: 0px auto;
	float: none;
  clear: both;
	width: 100%;
	margin-left: 0%;
}

}

@media (min-width: 321px) and (max-width: 480px) {



}

@media and (max-width: 320px) {



}