.options_section {

    display: block;
    width: 40%;

}



.option_1 {

    padding-right: 7.5%;

}



h2, p, .option_1, .option_2, option, select#list_1, select#list_2{

    font-family: 'Roboto', sans-serif; 

}



h2{

    font-size: 1rem;

}



option, p, .option_1, .option_2{

    font-size:1rem;

}



select#list_1{

    width: 150%;

    font-size:1rem;

}



select#list_2{

    width: 150%;

    font-size:1rem;

}



.button_1{

    padding: 0.5%;

    padding-left: 2%;

    padding-right: 2%;

    font-size: 1rem;

    background-color: #81204c;

    color: white;

    border: none;

}



.button_2, .button_3{

    padding: 0.5%;

    padding-left: 2%;

    padding-right: 2%;

    font-size: 1rem;

    background-color: #81204c;

    color: white;

    border: none;

    display: none;

    margin-top: 1.5%;

}



#button_viewer{

    text-align: center;

}





@media only screen and (min-device-width : 100px) and (max-device-width : 600px)

{
    


    h2{

        font-size: 6em;

    }

    p, .option_1, .option_2{

        font-size:2em;

    }

    .button_1{

        font-size: 2.5em;

        padding: 3%;

    }

    .button_2, .button_3{

        padding-left: 5%;

        padding-right: 5%;

        padding-top: 2%;

        padding-bottom: 2%;

        font-size: 2.5em;
    }
   

}