body
{
font-family:Arial;
width:600px;
margin:auto;
background-color:#CFC0A7;
}
#Header
{
background-color:#1f3776;
width:100%;
padding:10px 0px 10px 0px;
border-radius: 25px 25px 0px 0px;
text-align:center;
}
#lblJud
{
Font-family:Times New Roman;
Font-Size:30pt;
Color:White;
text-shadow: black 0.1em 0.1em 0.2em;
}
#MainDiv
{
width:600px;
float:left;
margin-top:0px;
margin-bottom:25px;
padding-bottom:25px;
background-color:White;
border-radius: 0px;

}
img
{
float:right;
clear:both;
padding-right:10px;
padding-left:10px;
}
#txtQuestion
{
Height:100px;
Width:510px;
}
#txtEmailAddr
{
Width:510px;
}
#txtCantFind, #txtWWYLF
{
Width:350px;
}
.divContainer
{
width:90%;
padding-left:40px;
}
.divComments
{
width:90%;
margin-top:25px;
padding-left:40px;
}
#footer
{
width:600px;
float:left;
clear:both;
padding-left:40px;
margin-top:0px;
margin-bottom:25px;
padding-bottom:25px;
background-color:#CFC0A7;
}

/*@media screen and (min-width: 321px) and (max-width: 580px)*/
/*start of mobile min 321px/max 479px styles-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 580px)
{
body
{
font-family:Arial;
width:100%;
margin:0 0 0 0;
background-color:white;
}
#Header
{
background-color:#1f3776;
width:100%;
padding:10px 0px 10px 0px;
border-radius: 0px 0px 0px 0px;
text-align:center;
}
#lblJud
{
Font-family:Times New Roman;
Font-Size:30pt;
Color:White;
text-shadow: black 0.1em 0.1em 0.2em;
}
#MainDiv
{
width:100%;
float:left;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
background-color:White;
}
img
{
display:none;
float:right;
clear:both;
padding-right:0px;
}
#txtQuestion
{
Height:100px;
Width:100%;
}
#txtEmailAddr
{
Width:100%;
}
#txtCantFind, #txtWWYLF
{
Width:90%;
}
.divContainer
{
width:90%;
padding-left:10px;
padding-right:0px;
}
.divComments
{
width:90%;
margin-top:25px;
padding-left:10px;
}
#rblQuestion1, #rblQuestion2, #rblQuestion3, #rblQuestion4, #rblQuestion5, #rblQuestion6
{
Font-family:Arial;
Font-Size:20px;
}
#footer
{
width:90%;
float:left;
clear:both;
padding-left:0px;
margin-top:0px;
margin-bottom:25px;
padding-bottom:25px;
background-color:white;
}
}
/*end of mobile max 580px styles*/


/*start of tablet min 581px/max 930px styles--------------------------------------------------------------------------------------*/
@media screen and (min-width: 581px) and (max-width: 930px)
{
body
{
font-family:Arial;
width:600px;
margin:auto;
background-color:#CFC0A7;
}
#Header
{
background-color:#1f3776;
width:100%;
padding:10px 0px 10px 0px;
border-radius: 25px 25px 0px 0px;
text-align:center;
}
#lblJud
{
Font-family:Times New Roman;
Font-Size:30pt;
Color:White;
text-shadow: black 0.1em 0.1em 0.2em;
}
#MainDiv
{
width:600px;
float:left;
margin-top:0px;
margin-bottom:25px;
padding-bottom:25px;
background-color:White;
border-radius: 25px;
box-shadow: -1px 3px 10px 2px #666;
}
img
{
float:right;
clear:both;
padding-right:10px;
}
#txtQuestion
{
Height:100px;
Width:100%;
}
#txtEmailAddr
{
Width:100%;
}
#txtCantFind, #txtWWYLF
{
Width:350px;
}
.divContainer
{
width:90%;
padding-left:40px;
}
.divComments
{
width:90%;
margin-top:25px;
padding-left:40px;
}
#footer
{
width:600px;
float:left;
clear:both;
padding-left:40px;
margin-top:0px;
margin-bottom:25px;
padding-bottom:25px;
background-color:#CFC0A7;
}
}
/*end of tablet min 581px/max 930p styles*/


/*start of desktop min 931px styles---------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 931px) 
{
body
{
font-family:Arial;
width:600px;
margin:auto;
background-color:#CFC0A7;
}
#Header
{
background-color:#1f3776;
width:100%;
padding:10px 0px 10px 0px;
border-radius: 25px 25px 0px 0px;
text-align:center;
}
#lblJud
{
Font-family:Times New Roman;
Font-Size:30pt;
Color:White;
text-shadow: black 0.1em 0.1em 0.2em;
}
#MainDiv
{
width:600px;
float:left;
margin-top:0px;
margin-bottom:25px;
padding-bottom:25px;
background-color:White;
border-radius: 25px;
box-shadow: -1px 3px 10px 2px #666;
}
img
{
float:right;
clear:both;
padding-right:10px;
}
#txtQuestion
{
Height:100px;
Width:510px;
}
#txtEmailAddr
{
Width:510px;
}
#txtCantFind, #txtWWYLF
{
Width:350px;
}
.divContainer
{
width:90%;
padding-left:40px;
}
.divComments
{
width:90%;
margin-top:25px;
padding-left:40px;
}
#footer
{
width:600px;
float:left;
clear:both;
padding-left:40px;
margin-top:0px;
margin-bottom:25px;
padding-bottom:25px;
background-color:#CFC0A7;
}
}