@charset "UTF-8";
/* CSS Document */
.see-big {
display:inline;
}
.see-tiny {
display:none;
}
@media screen and (min-width: 900px) and (max-width: 1050px) 
{
        /* Most smartphones in landscape mode (Holding a smartphone on its side) */

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

#wrapper {
width: 100%;
margin:auto;
        }

.branding-top h1{
margin-left:0.5em;
font-size:350%;
letter-spacing:0.08em;
color:#FFFFFF;
text-shadow: 4px 2px 4px #000000;
}

.columnleft-half {
float:left;
padding-left:3%;
padding-right:3%;
width:44%;
min-height:5em;
}

.menu a,
.menu a:link,
.menu a:visited{
text-decoration:none;
color: #999;
display:block;
padding-left:1.1em;
padding-right:1.1em;
text-align:center;
outline-style:none;
letter-spacing:0.02em;
line-height:2.4em;
}







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

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

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

#wrapper {
width: 100%;
margin:auto;
        }

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

.branding-top{
font-weight:normal;
width:98%;
height:4.0em;
padding-left:2%;
}

.branding-top h1{
margin-left:2%;
font-size:200%;
letter-spacing:0.06em;
line-height:1.1em;
}

.branding-below a{
border-bottom:#CCCCCC thin solid;
}
.menu{
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#ffffed;
height:2.6em;
background-color:#ebeffc;/*blueish*/
background-color:#f8f4e5;/*cream*/
border-bottom:#CCCCCC thin solid;
}

.menu a,
.menu a:link,
.menu a:visited{
text-decoration:none;
color: #000;
display:block;
padding-left:1.5em;
padding-right:0.5em;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:2.0em;


border-right: #aaa thin solid;

}

.columnleft-half {
float:left;
padding-left:3%;
padding-right:3%;
width:44%;
min-height:5em;
}








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



@media screen and (min-width: 300px) and (max-width: 699px) {
        /* Most smartphones in landscape mode (Holding a smartphone on its side) */
.see-big {
display:none;
}
.see-tiny {
display:inline;
}

#wrapper {
            width: 100%;
margin:auto;
        }

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

.branding-top{
font-weight:normal;
width:98%;
height:4.0em;
padding-left:2%;
}



.branding-top h1{
margin-left:0%;
font-size:140%;
letter-spacing:0.06em;
line-height:1.1em;
}

.branding-below a{
border-bottom:#CCCCCC thin solid;
}
.menu{
font-size:18px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#ffffed;
height:2.6em;
background-color:#ebeffc;/*blueish*/
background-color:#f8f4e5;/*cream*/
border-bottom:#CCCCCC thin solid;
}

.menu li{
width:50%;
}

.menu a,
.menu a:link,
.menu a:visited{
text-decoration:none;
color: #000;
display:block;
padding-left:1.5em;
padding-right:0.5em;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:2.0em;


}





.columnleft-quarter {
float:left;
width:48%;
min-height:3em;
}


.columnleft-third {
padding-left:2%;
padding-right:2%;
width:98%;
min-height:3em;
}

.columnleft-two-third {
padding-left:2%;
padding-right:2%;
width:98%;
min-height:3em;

}

.columnleft-half {
padding-left:2%;
padding-right:2%;
width:96%;
min-height:3em;
}










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