body{
    background-color: darkslategray;
}

h1{
    font-size:50px;
    box-sizing: border-box;
    color: palegoldenrod;
}

div{
    font-size:30px;
    box-sizing: border-box;
    color:black;
    border-style:solid;
}

p{
    margin-top: 20px;
   font-size:15px;
   color:grey;
}

form{
    color: palegoldenrod;
    font-size:12px;
    margin:20px;
    line-height: 20px;
}
img{
    float:right;
    height:10%;
    width:20%;
}

@media screen and (max-width:959px){
    #photos{
        height:auto;
    }
    #deadpool{
        width:100%;
    }
    #film{
        width:100%;
    }
    #hobbithole{
        width:100%;
    }
    #magazine{
        width:100%;
    }
    #credit{
        width:100%;
    }
    #theater{
        width:100%;
    }
}
@media screen and (min-width:960px){
   /* #history{
        float:left;
        width:33%;
    }
    #new{
        float:left;
        width:33%;
    }
    #netflixmovie{
        float:left;
        width:33%;
    }*/
    
    #photos{
        width:100%;
        height:100%;
    }
    #deadpool{
        height:200px;
        width:32%;
    }
    #film{

        height:200px;
        width:32%;
    }
    #hobbithole{

        height:200px;
        width:32%;
    }
    #magazine{

        height:200px;
        width:32%;
    }
    #credit{

        height:200px;
        width:32%;
    }
    #theater{

        height:200px;
        width:32%;
    }
}

    
nav{
    top:0;
    z-index:100;
    width:100%;
    position:fixed;
}
li{
    display:inline;
    padding:8px;
}
footer{
    float:right;
}