@charset "UTF-8";

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




    @media screen and (min-width: 768px) and (max-width: 980px) 
 {
        /* Most Tablets */
       
#wrapper {
width: 100%;
padding-top:0em;
        }

#main{
100%;
}

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


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




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


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

#branding{
position:relative;
width:100%;
height:85px;
}

#branding h1{
font-size:200%;
}

#branding h2{
font-size:250%;
}


#sidebar{
min-height: 95em;      
}

#sidemenu {

height: 2em;

}

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

.column-fifth {
width:65%;
min-height:2em;
padding-left:2%;
padding-right:1%;

}


.column-two-fifth {
width:65%;
min-height:2em;
padding-left:2%;
padding-right:1%;

}

.column-rest {
width:65%;
min-height:2em;
padding-left:2%;
padding-right:1%;
}






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

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


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

#branding{
position:relative;
width:100%;
height:185px;
}

#sidebar{
width:100%;
min-height:2em;      
}
.see-big {
display:none;
}
.see-tiny {
display:inline;
}

.column-fifth {
width:95%;
min-height:2em;
padding-left:2%;
padding-right:1%;

}

.column-two-fifth {
width:95%;
min-height:2em;
padding-left:2%;
padding-right:1%;

}

.column-rest {
width:95%;
min-height:2em;
padding-left:2%;
padding-right:1%;
}

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

}

.column-third {
float:left;
width:98.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#0F9;
}

.column-two-third {
float:left;
width:98.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#66FFFF;
}
.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 */
    }