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

#wrapper {
width:99.8%;
background-color: #FFF;
min-height:120em;
border:none;
}

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

.see-big {
	display: inline ;
}

.see-tiny{
	display:none;
}

#branding h1{
font-family: "Alex Brush","Times New Roman", Times, serif;
font-size:450%;
line-height:1em;
letter-spacing:0.1em;
color:#663333;
}

#branding h2{
font-family: "Alex Brush","Times New Roman", Times, serif;
font-size:300%;
line-height:1em;
color:#663333;
}

#main{width:  100%;
}








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




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

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

#branding{
position:relative;
width:100%;
min-height:155px;
}

.see-big {
	display:none;
}

.see-tiny{
	display:inline;
}

#branding h1{
font-family: "Alex Brush","Times New Roman", Times, serif;
font-size:430%;
line-height:1em;
letter-spacing:0.1em;
color:#663333;
}

#branding h2{
font-family: "Alex Brush","Times New Roman", Times, serif;
font-size:300%;
line-height:1em;
color:#663333;
}

.column-full {
float:left;
width: 97%;
margin-left:2%;

background-color:#FFF;
}

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

.column-half-l {
float:left;
width: 47%;
margin-left:1%;
margin-right:1%;
}

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

.column-full-pink {
float:left;
width: 97%;
margin-left:1%;
margin-right:1%;
background-color:#eda5a6;
}




        /* 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: 99.8%;
padding-top:0em;
        }

#branding{
position:relative;
width:100%;
min-height:70px;

}

.see-big {
	display:none;
}

.see-tiny{ display: inline;
}

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

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

.column-full-pink {
float:left;
width: 97%;
margin-left:1%;
margin-right:1%;
background-color:#eda5a6;
}

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

.column-half-l {
float:left;
width: 95%;
margin-left:1%;
margin-right:1%;
}

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

.column-third {
float:left;
width: 95%;
margin-left:2%;
margin-right:1%;
background-color:#FFF;
}

.column-one-third {
float:left;
width:98%;
padding-left:1%;
padding-right:1%;
background-color:#eda5a6;
min-height:10em;
}

.column-two-thirds {
float:left;
width: 95%;
margin-left:2%;
margin-right:1%;
background-color:#FFF;
}

.boxmap {
width:95%;
float:left;
min-height:5em;
}



        /* 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%;
padding-top:0em;
        }

#branding{
position:relative;
width:100%;
min-height:70px;

}

.see-big {
	display:none;
}

.see-tiny{
	display:inline;
}

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

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

.column-full-pink {
float:left;
width: 97%;
margin-left:1%;
margin-right:1%;
background-color:#eda5a6;
}

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

.column-half-l {
float:left;
width: 95%;
margin-left:1%;
margin-right:1%;
}

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

.column-third {
float:left;
width: 95%;
margin-left:2%;
margin-right:1%;
background-color:#FFF;
}

.column-one-third {
float:left;
width:98%;
padding-left:1%;
padding-right:1%;
background-color:#eda5a6;
min-height:10em;
}

.column-two-thirds {
float:left;
width: 95%;
margin-left:2%;
margin-right:1%;
background-color:#FFF;
}

.boxmap {
width:95%;
float:left;
min-height:5em;
}


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