@charset "UTF-8";
    @media screen and (min-width: 800px) and (max-width: 1020px) 
 {
        /* Most Tablets */
 
.see-big {
display:inline;
}
.see-tiny {
display:none;
}
      
#wrapper {
width: 99%;
padding-top:0em;
margin:auto;
}
#branding{
background-color: #990000;
width: 100%;
letter-spacing:.1em;
}


#main{
100%;
}

.column-full{
width:98%;
padding-left:1%;
padding-right:1%;
min-height:2em;
/*background-color:#99CCFF;*/
}

.column-half {
float:left;
padding-left:1%;
padding-right:1%;
width:48.0%;
min-height:2em;
/*background-color:#6F0;*/
}



.column-two-third {
float:left;
width:64.7%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#66FFFF;*/
}
.column-quarter {
float:left;
width:23.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

.column-three-quarter {
float:left;
width:73.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FFFF99;*/
}









        /* place the rest of your css here */
    }





 

@media screen and (min-width: 475px) and (max-width: 799px) 
{
        /* Most smartphones in landscape mode (Holding a smartphone on its side) */

.see-big {
display:none;
}
.see-tiny {
display:inline;
}

#wrapper {
width: 99%;
padding-top:0em;
}

.column-full{
width:98%;
padding-left:1%;
padding-right:1%;
min-height:2em;
/*background-color:#99CCFF;*/
}

.column-half {
float:left;
padding-left:1%;
padding-right:1%;
width:96.0%;
min-height:2em;
}


.column-quarter {
float:left;
width:98.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

.column-three-quarter {
float:left;
width:98.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FFFF99;*/
}








        /* place the rest of your css here */
    }

    @media screen and (min-width: 300px) and (max-width: 474px) 
{
        /* Most smartphones in vertical mode  */

.see-big {
display:none;
}
.see-tiny {
display:inline;
}


#wrapper {
width: 99%;
padding-top:0em;
        }



.column-half {
float:left;
padding-left:1%;
padding-right:1%;
width:98.0%;
min-height:2em;
}

.column-quarter {
float:left;
width:98.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

.column-three-quarter {
float:left;
width:98.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FFFF99;*/
}








        /* place the rest of your css here */
    }