@charset "UTF-8";


    @media screen and (min-width: 850px) and (max-width: 1024px) 
 {
        /* Most Tablets */
    #wrapper {
width:100%;
margin:auto;
background-color: #FFF;
border-left:#c4d5d1 thin solid;
border-right:#c4d5d1 thin solid;
min-height:120em;
}
   
.see-big {
	display:inline ;
}

.see-tiny{
	display:none;
}

#branding{
width:100%;
min-height:6em;
background-color:2aaebd
}

#branding h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:420%;
line-height:1em;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #666;
color:#107e6f;
}

#branding h2{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:280%;
line-height:1em;
color:#088973;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #b0afaf;
}

.menutop{
font-family: Tahoma, Geneva, sans-serif;
font-weight:bold;
font-size:270%;
width:100%;
height:1.5em;
border-bottom:#0055a6 thin solid;
border-top: #0055a6 thin solid;
margin:auto;
text-shadow: 4px 2px 4px #666;
}





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




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

#wrapper {
width:100%;
margin:auto;
background-color: #FFF;
min-height:120em;
}

.see-big {
	display:inline ;
}

.see-tiny{
	display:none;
}

#branding{
width:100%;
min-height:6em;
background-color:2aaebd
}

#branding h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:340%;
line-height:1em;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #666;
color:#107e6f;
}

#branding h2{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:240%;
line-height:1em;
color:#088973;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #b0afaf;
}

.menutop{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:270%;
width:100%;
height:1.5em;
border-bottom:#0055a6 thin solid;
border-top: #0055a6 thin solid;
margin:auto;
text-shadow: 4px 2px 4px #666;
}




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

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

#wrapper {
width:100%;
margin:auto;
background-color: #FFF;
min-height:120em;
}

.see-big {
	display:inline ;
}

.see-tiny{
	display:none;
}

#branding{
width:100%;
min-height:6em;
background-color:2aaebd
}

#branding h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:250%;
line-height:1em;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #666;
color:#107e6f;
}

#branding h2{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:200%;
line-height:1em;
color:#088973;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #b0afaf;
}

.menutop{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:200%;
width:100%;
height:1.5em;
border-bottom:#0055a6 thin solid;
border-top: #0055a6 thin solid;
margin:auto;
text-shadow: 4px 2px 4px #666;
}

.column-half {
float:left;
width: 96%;
margin-left:2%;
margin-right:2%;
background-color:#FFF;
}


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

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

#wrapper {
width:100%;
margin:auto;
background-color: #FFF;
min-height:120em;
}

.see-big {
	display:none ;
}

.see-tiny{
	display:inline;
}

#branding{
width:100%;
min-height:7em;
background-color:2aaebd
}

#branding h1{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:250%;
line-height:1em;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #666;
color:#107e6f;
}

#branding h2{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:200%;
line-height:1em;
color:#088973;
letter-spacing:0.05em;
text-shadow: 4px 2px 4px #b0afaf;
}

.menutop{
font-family: Tahoma, Geneva, sans-serif;
font-weight:bold;
font-size:270%;
width:100%;
height:1.5em;
border-bottom:#0055a6 thin solid;
border-top: #0055a6 thin solid;
margin:auto;
text-shadow: 4px 2px 4px #666;
}

.column-half {
float:left;
width: 98%;
margin-left:1%;
margin-right:1%;
background-color:#FFF;
}

h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:200%;
color: #2323c0;
}

h4 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:170%;
color: #2323c0;
}
        /* place the rest of your css here */
    }