@viewport {
    width: device-width;
}

html {
   /* background-color: #edf0f0;
    background-color: #FFDB92; */
}

/*------------------ Class Resets for Mobile Question Pages ------------------*/

body {
    min-width: fit-content;
    font-size: 19.8px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0% 15% !important;
}

.page {
    width: 780px;
	font-size: 1em;
    background-color: #FFDB92; 
	margin: 0% 15% !important;
}


#main {
    clear:both;
    background-color: #fff;
}
/* HEADINGS   
----------------------------------------------------------*/
/*-- Header --*/
h2 {
    font-size: 1.25em;
    margin: 5px 5px 5px 5;
    text-align: left;
/*	background-color: #cfab7a; */
	
/*--    min-width: fit-content; --*/
}

/*-- Section Headers --*/
h1 {
    font-size: 1.419em;
    margin: 0;
    /*padding-left: 1%;*/
    text-align: left;
    color: #374ea1;
    font-weight: bold;
    
}

/*-- Thank You Message --*/
h3 {
    text-align: left;
    font-weight: normal;
    /*margin-left: 1%;*/
}

/*-- Sub-Headers --*/
h4 { 
    font-size: 0.95em; 
    margin: 0;
    margin-top: 5px;
    padding-left: 1%;
}


p {
    padding: 6px 0 6px 0;
    margin: 1%;
}

/* Main Styles 
-------------------------------------------------------*/

.blue {
    color: #374ea1;
}
/* Text Fields
-------------------------------------------------------*/

textarea {
    width: 95%;
    display: block;    
    margin: auto;
    font-size: 1.2em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* -------------------------- Media Resets ------------------------------- */

@media only screen and (min-width: 375px) {

    /*.imgbanner {
        height: 42.5px;
        margin: 10% 5%;
    }*/

    /*.ileft {
        height: auto;
        margin: 10% 5%;
    }

    .imiddle {
        height: 50px;
    }

    .iright {
        height: 50px;
    }*/


}

/*--------------------------- Medium Mobiles up -------------------------------*/
@media only screen and (min-width: 480px) {

    .page {
        width: 460px;
        background-color: #FFDB92;
    }

/*--------------------------- Large Mobiles up -------------------------------*/
@media only screen and (min-width: 520px) {


.page {
        width: 500px;
        background-color: #FFDB92;
    }


}

/*--------------------------- Tablets up -------------------------------*/
@media only screen and (min-width: 768px)  {

    .page {
        width: 750px;
        background-color: #FFDB92;
    }
    

    /*--- Header Reset ---*/
/*
    header, #header {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }
*/
}

/*--------------------------- Small Desktop Screens up -------------------------------*/

@media only screen and (min-width: 992px) {

    .page {
        width: 970px;
        background-color: #FFDB92;
    }


}