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

    @media screen and (min-width: 860px) and (max-width: 1280px) {
        /* Most Tablets */
       

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


#wrapper {
width: 100%;
        }



#branding{
height:20em;
}


#branding h1{
line-height:1.2em;
font-family: Times, Times New Roman,  serif;
font-size:260%;
color: #FFFFFF;
letter-spacing:0.08em;
font-style:italic;
text-shadow: 2px 2px 4px #000000;
padding-top:5em;
}



.box-logo {
width:16em;
float:left;
}



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



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


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


#wrapper {
            width: 100%;

        }





#branding h1{
line-height:1.2em;
font-family: Times, Times New Roman,  serif;
font-size:260%;
color: #FFFFFF;
letter-spacing:0.08em;
font-style:italic;
text-shadow: 2px 2px 4px #000000;
padding-top:4em;
}




.column-half {
float:left;
width:100%;
min-height:5em;
}

.column-third {
float:left;
width:99%;
min-height:10em;
}


.column-twothirds {
width:99%;
float:left;
margin-left:0%;
}

.boxleft {
float:left;
width:48%;
padding-left:1%;
padding-right:1%;
height:13em;
}

.box-logo {
width:15em;
float:left;
}


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


    
    @media screen and (min-width: 300px) and (max-width: 439px) {
        /* Most smartphones is portait mode (Holding phone up and down) */
 

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


#wrapper {
width: 100%;
}



#branding{
height:10em;
}

#branding h1{
line-height:1.2em;
font-family: Times, Times New Roman,  serif;
font-size:260%;
color: #FFFFFF;
letter-spacing:0.08em;
font-style:italic;
text-shadow: 2px 2px 4px #000000;
padding-top:2em;
}



.boxleft {
float:left;
width:98%;
padding-left:1%;
padding-right:1%;
height:20em;
}

.column-half {
float:left;
width:100%;
min-height:5em;
}

.column-third {
float:left;
width:99%;
min-height:10em;
}


.column-twothirds {
width:99%;
float:left;
margin-left:0%;
}

.box-logo {
width:33%;
float:left;
padding-top:0em;
padding-left:2em;
}




.rightbox {
width:100%;
float:left;
margin-left:1em;
}
.textbox {
font-size: 80%;
width:100%;
}

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