@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);
body{font-family: 'Open Sans', sans-serif !important;}
.wrap {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px;
    background: url("../imgs/bk.jpg") no-repeat scroll center bottom;
}
.green{background: #AADE00;}
.logo {
    margin: 30px 0;
    width: 521px;
    max-width: 80%;
}


.row {
    margin-left: -20px;
    margin-right: -20px;
}

.h_iframe        {position:relative;height:auto; overflow:hidden;background:#AADE00; }
.h_iframe .ratio {position:absolute;z-index:9999;display:block;width:100%;height:auto;}
.h_iframe iframe {
    height: 720px;
    left: 9%;
    position: relative;
    top: 0;
    width: 62%;
}

.wrap p{color:#fff;text-shadow:0px 2px 5px rgba(171,171,171,0.72); font-weight: 800;font-size: 5em;line-height: 1em;text-align: center;}
.wrap p span.orange{color:#ff9300;font-size: 2.3em;line-height: .8em;}
.wrap p.footer{font-size:1em;color:#000;text-shadow:0px 2px 5px rgba(171,171,171,0.5);}
.wrap p.footer img{ width: 50px;}


@media screen and (max-width: 1200px) {
	.h_iframe iframe {height: 600px;} 
	.wrap p{font-size: 3.8em;line-height: 1em;}
	.wrap p span.orange{font-size: 2.5em;line-height: 1em;}
}

@media screen and (max-width: 991px) {
	.h_iframe iframe {height: 463px;} 
	.wrap p{font-size: 3.8em;line-height: 1em;}
	.wrap p span.orange{font-size: 2.8em;line-height: 1em;}
}


@media screen and (max-width: 768px) {
	.h_iframe .ratio{display: none;}
	.h_iframe iframe {left:0px;width:100%; max-height:100%;} 
	.wrap p{font-size: 2.8em;line-height: 1em;}
	.wrap p span.orange{font-size: 2.8em;line-height: .8em;}
}