/* large screens */
@media (min-width: 1600px)
{

}


@media (max-width: 1500px)
{

}


/* Desktops/Laptops */
@media (max-width: 1200px)
{
    .surveyForm, .thankyou
    {
        width: 60%;
    }
    .formContent h1
    {
        font-size: 35px;
    }
    .thankyouContent h1
    {
        font-size: 65px;
    }
}

/* Laptops */
@media (max-width: 1024px)
{

}

/* Tablets */
@media (max-width: 768px)
{
    .surveyForm, .thankyou
    {
        width: 90%;
    }
}

/* mobile */
@media (max-width: 480px)
{
    .logo
    {
        padding: 20px;
    }
    .surveyForm, .thankyou
    {
        width: 100%;
    }
    .formContent h1
    {
        font-size: 18px;
    }
    .thankyou img
    {
        width: 100%;
    }
    .thankyouContent h1
    {
        font-size: 35px;
    }
    .thankyouContent p
    {
        font-size: 12px;
    }
    

}