html{
    background: url(./images/rhythm_cinema_1920x1200px.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
     -o-background-size: cover;
    background-size: cover;
}

body{
    background-color: rgba(0, 0, 0, 0);
}

a{
    text-decoration: none;
}


.myheader{
    background-color: none;
    color: #842C10;
}

.logocentered{
    width: 100%;
    height: auto;
    margin-top: 12.5rem;
}

.mediaicon{
    height: 3rem;
    width: 3rem;
    margin-top: -8rem;
    position: relative;
}

.myemailinput, .mysubmitbutton1{
    display: inline;
    margin-left:0px ;
    margin-right: 0px;
    padding: 0px;
    width: 100%;
}

input[type=email]{
    margin-right: -.32rem;
    padding: .5rem 2rem;
    border: none;
    border-radius: 50px 0px 0px 50px ;
    width: 20rem;
}

input[type=submit]{
    border: none;
    padding: .5rem 1rem ;
    border-radius: 0px 50px 50px 0px ;
    width: 10rem;
    background-color: red;
    color: white;
}

input[type=email]:focus, input[type=submit]:focus{
    outline: none;  
}

input[type=submit]:hover{
    background-color: #842C10;
}
















/* Tablet */
@media (max-width: 768px){
    .logocentered{
        margin-top: 12.5rem;
    }

    .mediaicon{
        height: 2rem;
        width: 2rem;
        margin-top: -4rem;
        position: relative;
    }

    input[type=email]{
        margin-right: -.25rem;
        padding: .5rem 1.5rem;
        border-radius: 50px 0px 0px 50px ;
        width: 15rem;
        font-size: .8rem;
    }
    
    input[type=submit]{
        padding: .5rem .5rem ;
        border-radius: 0px 50px 50px 0px ;
        width: 7rem;
        font-size: .8rem;
    }
    

}








/* Mobile view */
@media (max-width: 425px){
    .logocentered{
        margin-top: 15rem;
    }

    .mediaicon{
        height: 2rem;
        width: 2rem;
        margin-top: 1rem;
        position: relative;
    }

    input[type=email]{
        margin-right: -.23rem;
        padding: .35rem 1rem;
        border-radius: 50px 0px 0px 50px ;
        width: 12rem;
        font-size: .65rem;
    }
    
    input[type=submit]{
        padding: .35rem .35rem ;
        border-radius: 0px 50px 50px 0px ;
        width: 5rem;
        font-size: .65rem;
    }

    .myform{
        margin-top: 2rem;
    }
}