@viewport {
    width: device-width;
}

div.content { width: 80% } 

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

header, #header {
    min-height: 40px;
    display: block;
}

.img {
    height: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.headerM {
    display: inline !important;
}

body {
    /*min-width: 100%; */
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0 10% 0 10% !important;
}

.page {
    width: px;
    font-size: 1em;
   /* background-color: red; */
}


#main {
    clear:both;
    background-color: #fff;
}

#preview {
    display: none;
}

.marginTop10 {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-top: 5px;
}


/* HEADINGS   
----------------------------------------------------------*/
/*-- Header --*/
h2 {
    font-size: 2.5em;
    margin: 30px 0 5px 0;
    text-align: center;
    /*margin-left: 1%;*/
}

/*-- 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%;
}

/*-- Sub-Headers --*/
h5, h6 { 
    font-size: 0.95em; 
    margin: 5px;
}

p {
	
    margin: 1%;
	/*color: red !important} */

/* Main Styles 
-------------------------------------------------------*/
/*
.blue {
    color: #374ea1;
}
/* Text Fields
-------------------------------------------------------*/
/*
.stringAnswer {
    width: 95%;
    margin: auto;
    display: block;
}
*/
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;
    }

body {
    background-color: pink;
*/
}


/*--------------------------- Medium Mobiles up -------------------------------*/
@media only screen and (min-width: 480px) {
/*
    .page {
        width: 90%;
        background-color: blue;
    }

body {
    background-color: red;
}
*/
}
/*--------------------------- Large Mobiles up -------------------------------*/
@media only screen and (min-width: 520px) {
	/*
.page {
        width: 90%;
        background-color: red;
    }

    .imiddle {
        height: 50px;
        margin: 5% 2% 2% 2%;
    }

    .iright {
        height: 50px;
        margin: 5% 2% 2% 2%;
    }

*/

}

/*--------------------------- Tablets up -------------------------------*/
@media only screen and (min-width: 768px)  {
/*
    .page {
        width: 90%;
        background-color: green;
    }
    
body {
    background-color: green;
}


    /*--- 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: pink;
    }
body {
    background-color: pink;
}

*/
}