#wrapper{
max-width:960px;
margin:0 auto;
height:100%; 
overflow:auto;
    
}

body{
font-family: 'Ubuntu', sans-serif;
}

header{
width:100%;
height:110px;
background-color:steelblue;
position:fixed;    
top:0;
z-index:30;
left:0;    
}

nav{
width:500px;
height:40px;    
margin:0 auto;
margin-top:50px;
    
}
ul{
list-style:none;
    
}

li{
color:white;
display:inline;
font-size:25px;
width:30px;
height:30px;
/*background-color:teal;*/
border-radius: 75px;    
}


.space{
margin-left:60px;    
}

.logo{
float:left; 
margin-left: 20px;
margin-top: 5px;
}

footer{
width:100%;
height:50px;
background-color:steelblue;
position:fixed;
clear:both;
bottom:0;
left:0;
color:white;    
}

#content{
margin-top:150px;
width:960px;
height:1000px;
    overflow:scroll;
}

.poster{
display:block;
margin:0 auto;    
}

.center{
text-align:center;    
}

a.view{
    color:black;
}

a.view:link{
text-decoration:none;    
}

a.view:visited{
color:black;    
}

a.view:hover{
    color:darkgray;
}


a{
color:white;    
}

a:link{
text-decoration: none;
    
}

a:visited{
    color:white;
}

a:hover{
color:darkgray;    
}

@media screen and (max-width:976px){
    #wrapper{
        max-width:100%;
    }   
    
    #content{
        width:100%;
        
    }
    
    
    
}

@media screen and (max-width:418px){
    .poster{
        width:350px;
    }    
    
    
    
}