body{
    background-color:#006006;
    font-size:100%;
    margin:0em;
    padding:0em;
     }

header{
    margin:0em;
    margin-left: 5px;
    margin-top:1em;
    max-width:20em;
}

header h1{
    color:#006006;
    background-image:url(../img/banner1024_500_e.jpg);
    width:1024px;
    height:auto;
    margin-left:8em;
}

p{
    font-size:1em;
    line-height:1.5em;
    font-family:Trebuchet MS;
    font-weight:100;
    color:#2f2d2c;
    margin:1em;
    padding:0.2em;
    text-align:justify;
}

.play-layout{
    margin-left:0.1em;
    max-width: 43.5em;
}

.button1{
    margin-left:11.8em;
}

.twitter-share-button{
    margin-left: 7em;
    margin-top: -3.54em;
}

h2{
    font-family:Trebuchet MS;
}

h4 {
    margin-left: 15em auto;
    margin-top: -60em;
}
.flag-layout{

}

.flag2-layout{
    margin:0em;
    margin-top:-73em;
    margin-left:65em;
}

ul{
    margin:0px;padding:0px;}
li{
    list-style:square;
    font-family:Trebuchet MS;
    font-weight:100;
    color:#006006;
    margin:0em;
    padding:0em;
    line-height:1.25em;
    margin:0.313em 0em 0.313em 0em;
}

a{
    text-decoration:none;}
h1{
    font-size:1.155em;
    display:block;
    background:#006006;
    text-align:center;
}

nav{
    display:block;
    margin-top:0em;
    height:2.7em;
    background: #006006;
    text-align:center;
}

nav ul{
    display:block;
}

nav ul li{
    display:inline;
    margin:0em 0.12em 0em 0.12em;
}

nav ul li a{
    color:#74ad02;
    font-size:1.125em;
    line-height:2.5em;
    padding:0.563em 0.938em 0.375em 0.983em;
    transition:0.2s;
    -webkit-transition:0.2s;
}

nav ul li a:hover{
    background:#8dc63f;
    border-bottom:0.3em solid #5d8d1b;
}

nav ul li a.active{
    border-bottom:0em solid #e7590b;
}

#main{
    display:block;
    width:96%;
    max-width:980px;
    margin:2.25em auto;
    padding:0em;
}

#main article{
    display:block;
    width:82.1%;
    background:#74ad02;
    margin-left:5.5em;
    text-align:left;
    margin-top: -4.5em;
}

#main aside{
    display:block;
    width:30.6%;
    margin-left:3%;
    padding:0em;
}

#main article h2{
    padding:1em 1.8em 0em 0.8em;
}



footer{
    margin: 6.6em auto;
    margin-top:-1.0em;
    display:block;
    width:82.1%;
    background:#74ad02;
    text-align:left;
    max-width: 805px;
    min-width: 370px;
}

footer ul{
    display:block;
    width:82.1%;
    max-width:980px;
    text-align:center;
    margin:0px;
    margin-left: -7em;
}

footer ul li{
    margin-left:8em;
    margin-top:0em;
    display:inline;
    width: 84%;
    font-size:0.8em;
    line-height:2em;
    color:#2f2d2c;
    padding:0em 0.625em 0em 0.625em;
}

footer ul li a{
    color:#74ad02;
}

@media screen and (max-width:900px){
    body{
        font-size:100%;
        }
}

@media screen and (max-width:800px){
    article{
        font-size:100%;
        width:90%;
        display:block;margin:0.625em 0em 0.625em 0em;
        }

    article h2 .play-layout{
       width: 30%;
    }

    ::i-block-chrome article h2 .button1{
        margin-left: 4em;
        width: 30%;
      }

     article h2 .button1{
        margin-left: 5em;
        width: 30%;
      }  
}

@media screen and (min-width:550px){
    nav.nav{
        display:block !important;
        }
}

@media screen and (max-width:550px){
    body{
        font-size:100%;
        }
#menubar ul li a.menubutton{
    display:inline;
}

#main article{
    margin-left:2.8em;
}
nav ul li{
    display:inline;margin:0.3em 0em 0.3em 0em;
    }
}