h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
}

nav:not(.mm-menu)
{
	display: none;
}

.headers,
.content,
.footer
{
	text-align: center;
}
.headers, .footer {
    color: #fff;
    font-size: 16px;
}
.headers.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.headers > a {
    background: transparent url("../images/menu2.png") no-repeat scroll center center;
    display: block;
    height: 40px;
    left: 2px;
    margin: 4px 0 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.content
{
	padding: 150px 50px 50px 50px;
}



@media all and (max-width:1028px){
.big .imgo {
    float: left;
    height: auto;
    max-height: 250px;
    min-height: 200px;
    width: 50%;
}
.big > h2 {
    float: right;
    width: 46% !important;
}
}
@media all and (min-width:768px){.contentbottom h2 {width: 81%;}}

@media only screen and (min-width:550px) and (max-width:650px){.contentbottom h2 {width: 77%;}}

@media all and (max-width:460px){
.big .imgo {
    float: right;
    height: auto;
    max-height: 250px;
    min-height: 200px;
    overflow: hidden;
    width: 100%;
}
.big > h2 {
    float: left;
    width: 95% !important;
}}

@media all and (max-width:360px){.contentbottom h2 {width: 61%;}#nav ul li a {padding: 6px 10px;}}
@media all and (max-width:320px){.contentbottom h2 {width: 56%;}.contentbottom h2 {margin: 3px 0 0;} #sliderlite img {width: 100%;} #sliderlite > li { width: 48%;} .big .imgo {width: 100%;}
}
@media all and (max-width:240px){

.imgo {height: auto;}
.imgo > a {
    height: auto;
    width: 100%;
}
.imgo img {
    min-height: auto !important;
    width: 100%;
}
.contentbottom h2 {
    width: 100%;
}
.big > h2 {
    width: 90% !important;
}
.big .imgo {
    height: auto;
    min-height: auto !important;
}
#sliderlite > li {
    height: auto;
    width: 96%;
}




}