#headIMG{
  left:0px;
  width: 100%;
  position: absolute;
  z-index:-1;
}

.content{
    color:white;
    background-color:#505060;
    position:absolute;
    font-family:'Nanum Myeongjo', sans-serif;
    position:absolute;
}


/*styling articles. no idea what the difference is.*/
.article{
    color:white;
    position:absolute;
    background-color:#303040;
    font-family:'Nanum Myeongjo', sans-serif;
    z-index:-2;
}
    /*This is fun.*/
    .article table{
        color:white;
    }
    
    /*This not.*/
    .article button{
        background-color:white;
        color:#303040;
        font-family:'Nanum Myeongjo', sans-serif;
        border: 1px solid #505060;
    }
    
    /*Well, at least not this:*/
    .article select{
        min-width: 200px;
        height: 30px;
        
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #505060;
        font-family:'Nanum Myeongjo', sans-serif;
        color: #303040;
        background-color: white;
    }

        /*better dropdowns*/
        label {
            position: relative;
        }
        label:after {
            
            content: '<>';
            
            color: #303040;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            transform: rotate(90deg);
            border-bottom: 1px solid #505060;
            position: absolute;
            pointer-events: none;
        }
        label:before {
            right: 6px;
            top: 0px;
            width: 20px;
            height: 20px;
            content: '';
            background: white;
            position: absolute;
            pointer-events: none;
            display: block;
        }
        
    .article input{
        height: 30px;
        background-color:white;
        color:#303040;
        font-family:'Nanum Myeongjo', sans-serif;
        border: 1px solid #505060;
    }

/*Smartphone ONLY*/

@media only screen and (max-width: 1010px){
    #headIMG{
        top:130px;
    }
    .content{
        width:100%;
        left:0px;
        top:137px;
        padding:5px;
        padding-bottom:80px;
        font-size:18;
    }
    .content h1{
        text-align:center;
        font-size:10vw;
    }
    .movies{
        margin:0 auto;
        width:340px;
    }
    .movies td{
        margin:0;
        padding:0px;
    }
    .movies img{
        width:85px;
        margin:0;
    }
    
    .article{
        position:absolute;
        padding:20px;
        padding-bottom:80px;
        top:147px;
        width:100%;
        font-size:18;
    }
    .article h1{
        text-align:center;
        font-size:10vw;
    }
    .article h2{
        text-align:center;
        font-size:8vw;
    }
    
    .article table{
        margin:0 auto;
    }
    
    .article button{
        margin-left:30%;
        text-align:center;
        font-size:6vw;
    }
    
    .article select{
        font-size:4vw;
    }
    
    label:after {
        font: 13px "Consolas", monospace;
        right: 8px;
        top: 0px;
        padding: 0 0 2px;
    }
}

/*PC-only*/

@media only screen and (min-width:1011px){
    .content{
        box-sizing: border-box;
        min-height:100%;
        width:72%;
        top:70px;
        left:12%;
        padding-left:20px;
        padding-right:20px;
        padding-bottom:200px;
        font-size:24;
    }
    .content h1{
        text-align:center;
        font-size:60;
    }
    .movies{
        margin:0 auto;
        width:600px;
    }
    .movies img{
        width:200px;
    }
    .article{
        box-sizing: border-box;
        min-height:100%;
        width:80%;
        left:10%;
        padding-left:40px;
        padding-right:60px;
        padding-bottom:200px;
        font-size:24;
    }
    .article h1{
        text-align:center;
        font-size:60;
    }
    .article h2{
        text-align:center;
        font-size:50;
    }
    
    .article table{
        margin-left:20%;
    }
    
    .article button{
        margin-left:40%;
        text-align:center;
        font-size:28;
    }
    
    .article select{
        font-size:20;

    }
    
    label:after {
        font: 15px "Consolas", monospace;
        right: 8px;
        top: -4px;
        padding: 0 0 2px;
    }
    
    .article input{
        margin-left: 40px;
        font-size:20;
    }
}