body{
margin:0;
font-family:arial;
color:#000;
font-size:1.3em;
line-height:35px;
}

/*ada toolbar*/
#ada-toolbar{font-size:1em;padding:10px 0;border-bottom:1px solid #ccc;width:100%;text-align:center;}
#ada-toolbar a{padding:15px;}


h1, h2, h3, h4, h5, h6{
color:#000;
}
a {color:#000;padding:14px;font-size:120%;}
a:hover{color:red;}
a:focus{color:red}
 
.wrapper{
padding:90px 2%;
width:96%;
max-width:1200px;
margin:0 auto;
}
#top-menu{
width:100%;
text-align:center;
z-index:22;
background-color:#fff;
padding:43px 0 42px;
}

#skip a {position: absolute;top: -54px;left: 0px;color: white;border-right: 1px solid #6C4452;line-height:37px;padding:6px;
border-bottom: 1px solid #6C4452;border-bottom-right-radius: 8px;background: #000;-webkit-transition: top 1s ease-out;transition: top 1s ease-out;z-index: 100;}
#skip a:focus{position:static;width:auto;height:auto;} 

.show1200{display:none;}
.show1000{display:none;}
.show860{display:none;}
.show780{display:none;}
.show500{display:none;}
@media only screen and (max-width: 1200px) {
.hide1200{display:none;}
.show1200{display:block;}
}
@media only screen and (max-width: 1000px) {
.hide1000{display:none;}
.show1000{display:block;}
}
@media only screen and (max-width: 860px) {
.hide860{display:none;}
.show860{display:block;}
}
.left48{float:none;width:100%;text-align:center;}
.right48{float:none;width:100%;text-align:center;margin-top:70px;}
}
@media only screen and (max-width: 780px) {
.hide780{display:none;}
.show780{display:block;}
}
@media only screen and (max-width: 500px) {
.hide500{display:none;}
.show500{display:block;}
}