body {
    width: 100%;
    background: #a7d5d6 url('/images/CMS1.png') no-repeat top center;
    background-size: cover;
}

#container-div {
    width: 100%;
    margin: 300px auto 0;
    text-align: center;
}

#main-div {
    display: inline-block;
}

#form-ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#form-ul li {
    margin: 0.5em auto;
}

.form-label {
    display: inline-block;
    width: 150px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 2em;
    color: #355b7b;
}

.form-control {
    font-size: 2em; 
    background: url('/images/CMS2.png') no-repeat; 
    width: 277px; 
    height: 58px;
    border: 0px solid #ccc;
    box-sizing: border-box;
    padding: 10px;
    margin: 0px;
}

@media only screen and (max-width: 360px) {
    body {
        background-image: url('/images/CMS1-small.png');
    }

    #container-div {
        width: 100%;
        margin: 250px auto 0;
        text-align: center;
    }
    
    #send {
        background: url("/images/CMS3-small.png") no-repeat;
        width: 0;
        height: 0;
        box-sizing: border-box;
        padding: 35px 90px 0;
    }
    
    #more-info-img {
        background: url("/images/CMS4-small.png") no-repeat;
        width: 0;
        height: 0;
        box-sizing: border-box;
        padding: 29px 40px 0;
    }
    
    #signup-img {
        background: url("/images/CMS5-small.png") no-repeat;
        width: 0;
        height: 0;
        box-sizing: border-box;
        padding: 29px 85px 0;
    }

    .form-label {
        display: inline-block;
        width: 80px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1em;
        color: #355b7b;
    }

    .form-control {
        font-size: 1em; 
        background: url('/images/CMS2-small.png') no-repeat; 
        width: 140px; 
        height: 30px;
        border: 0px solid #ccc;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0px;
    }
}