/*
#------------------------------------------------------------------------
# 
 */


@media screen and (min-width: 981px) {

body {min-width:980px; width: 100%;}

}

@media screen 
and (min-width: 981px)
and (max-width: 1120px) {

body {min-width:980px; width: 100%; overflow-x: hidden;}

}

@media screen 
and (min-width: 641px)
and (max-width: 980px) {


body {width:100%;}
iframe, img {max-width: 100% !important;}
.wrap {width:96%; margin:0 auto; padding:100px 2%;}

.header, .footer{width:100%;text-align: center;height: auto;}
button, .button{display: inline-block;}

h2{font-size: 44px;line-height: 40px;}
.header h1, .footer h2{}
.head-l{float: none;margin: 0 auto;text-align: left;}
.head-r{float: none;text-align: left;position: relative;z-index: 300;margin:3px auto 0 auto;width: 280px;}


 
}



@media screen 
and (max-width: 640px) {

body {width:100%;}
iframe, img {max-width: 100% !important;}

img {max-width: 100% !important;}
.wrap {width:96%; margin:0; padding:100px 2%;}
.header{width:100%;height: auto;text-align: center;}



.header h1, .footer h2{font-size: 45px;margin: 5px 0 5px 0;text-align: center;}
.head h3{font-size: 19px;text-transform: uppercase;margin: 5px 0;text-align: center;}
.head-l{float: none;width: 100%;margin: 0 auto;text-align: left;}
.head-r{float: none;text-align: left;position: relative;z-index: 300;margin: 25px auto 0 auto;width: 280px;}

}

