.box{background-color:rgba(0, 0, 0, 0.7);color:#fff;padding:5em;text-align:center;border-radius:8px;box-shadow: 0px 0px 10px #000;}
.logo{height:80px;fill:#fff;margin:0 auto;}
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {font-size:1.000em;font:inherit;padding:0;margin:0;border:0;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
* {padding:0;margin:0;box-sizing:border-box;}
html, body {height:100%;}


body{font-family: 'Muli', sans-serif;font-weight:400;background:#000;color:#fff;text-align:center;}
.clear{clear:both;padding:0;margin:0;}
.container {width:1000px;margin: 0 auto;}
.fm-1{float:left;width: 96%;margin-left:2%;margin-right:2%;}
.fullscreen, .content-a {width:100%;height:100%;overflow:hidden;}
.content-a {display:table;}
.content-b {display:table-cell;position:relative;vertical-align:middle;text-align:center;}
section {background:#9ed100;}
.background {background-repeat:no-repeat;background-position:50% 50%;background-position:50% 50%\9 !important;}
footer{width:100%;padding:50px 0 50px 0;}
p{line-height:1.5em;margin-bottom:1em;}
a:link, a:visited {text-decoration:none;color:#ffc600;outline:0;transition:all 0.5s ease;}
a:hover {color:#fff;}
a:active{color:#fff;}
h1, h2, h3, h4{line-height:1.5;margin-top:0.5em;margin-bottom:0.5em;}
h1{font-size:3em;font-weight:bold;text-transform:uppercase;}
h2{font-size:2em;font-weight:300;}
.button{display:inline-block;margin:1em 0 1em 0;padding:1em 2em;letter-spacing:1px;text-transform:uppercase;line-height:1;background-color:#ffc600;border:0;border-radius:6px;color:#fff !important;cursor:pointer;outline:none;-webkit-appearance:none;font-weight:bold;transition:all 0.5s ease;}
.button:hover{background-color:#05e100;color:#fff !important;}
.yellow{color:#ffc600;}

/* tablet */
@media screen and (max-width: 999px) {
    .container {max-width: 720px;}
}

/* fluid */
@media screen and (max-width: 719px) {
    .container {width: 95%;}
    h1{font-size:1.7em;}
    h2{font-size:1.4em;}
    .box{padding:2em 1em 2em 1em;}
    .logo{height:60px;fill:#fff;margin:0 auto;}
}

/* mobile */
@media screen and (max-width: 479px) {
    .container {width: 95%;}
    .fm-1{width: 96%;}
}