/* RESPONSIVE WEB DESIGN - media queries */


@media screen and (max-width:1080px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
left:15%;
margin:0 auto;
}
}


@media screen and (max-width:960px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:800px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:790px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:781px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:760px){ 
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px)
{ 
body {
background: url(images/bg_glas2.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:570px){ 
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:481px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:460px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:447px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:420px){
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:390px){ 
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:352px){ 
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}


@media screen and (max-width:341px){ 
body {
background-color:#000;
background-image:none !important;
margin:0 auto;
}
div#main {
position:absolute;
top:5%;
margin:0 auto;
}
}