.section-header{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    
}

.footer{
    padding: 50px;
}

.form-label{
    padding: 0px 5px;
}

.contact-section{
    padding: 20px;
}

@media only screen and (min-width: 1200px) {
    .app-logo{
        width: 18%;
    }
    
    .app-description{
        text-align: center;
        margin: 0% 20%;
    }

    .contact-section{
        margin-left: 25%;
        margin-right:25%;
        text-align: left;
        background-color: #FBFFF2;
    }
    
    .gif-container{
        width: 100%;
        margin: 0% 20%;
        align-items: center;
    }

}



@media only screen and (max-width: 1200px) {
    /* For mobile phones: */

    .app-logo{
        width: 40%;
    }
    
    .app-description{
        text-align: center;
        margin: 0% 2%;
    }

    .contact-section{
        margin-left: 5%;
        margin-right: 5%;
        text-align: left;
        background-color: #FBFFF2;
    }

    .gif-container{
        width: 100%;
        margin: 0% 5%;
        align-items: center;
    }

  }