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

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

#wrapper {
width: 100%;
padding-top:0em;
border-left:none;
border-right:none;
}

#branding h2{
color:#1a222f;
font-size:285%;
}

#branding h3{
color:#284482;
font-size:180%;
}

.column-ninth {
float:left;
width:8%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#BD6062;*/
}

.column-eight-ninth {
float:left;
width:85%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#65E271;*/
}


.column-rest{
background-color:#FC6;
overflow:hidden;
}







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





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

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

#wrapper {
width: 100%;
padding-top:0em;
border-left:none;
border-right:none;
}

#branding h2{
color:#1a222f;
font-size:200%;
}

#branding h3{
color:#284482;
font-size:120%;
}

#main h4 {
font-size:110%;
}

#main h5{
font-size:110%;
}
.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;*/
}

.column-quarter-archive-wider {
float:left;
width:28%;
min-height:2em;
padding-left:0%;
padding-right:0%;
/*background-color: #C47475;*/
}
.column-ninth {
float:left;
width:8%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#BD6062;*/
}

.column-eight-ninth {
float:left;
width:85%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#65E271;*/
}

.column-rest{
background-color:#FC6;
overflow:hidden;
}




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




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

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

#wrapper {
width: 100%;
padding-top:0em;
border-left:none;
border-right:none;
}


#branding{
font-weight:normal;
font-family:'Belleza', serif;
width:99%;
min-height:10.2em;
letter-spacing:0.1em;

}

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

#branding h3{
font-size:110%;
}

#header {
width:100%;
/*background-color: #0F3;*/
min-height:4em;
}


#header-column {
float:left;
min-height:1em;
width:150px;
}



#main h1 {
font-size:160%;
}

#main h2 {
font-size:140%;
}

#main h3 {
font-size:140%;
}

#main h4 {
font-size:110%;
}

#main h5{
font-size:110%;
}



.column-half {
float:left;
padding-left:1%;
padding-right:1%;
width:98.0%;
min-height:2em;
/*background-color:#6F0;*/
}

.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;*/
}

.column-quarter-archive-wider {
float:left;
width:28%;
min-height:2em;
padding-left:0%;
padding-right:0%;
/*background-color: #C47475;*/
}

.column-fifth {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #996;
}

.column-two-fifth {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #96C;
}

.column-three-fifth {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #F9C;
}

.column-sixth {
float:left;
width:30.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#F9C;*/
}


.column-seventh {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
}

.column-eight {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #CF0;
}

.column-ninth {
float:left;
width:98%;
min-height:1em;
padding-left:1%;
padding-right:1%;
/*background-color:#BD6062;*/
}

.column-eight-ninth {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#65E271;*/
}

.column-rest{
background-color:#FC6;
overflow:hidden;
}
.box {
border:#7e4048 thin solid;
margin: auto;
margin-bottom: 1em;
width:90%;
padding: 1em;
background-color:#f9f1f2;
}

.whitepapergallery {
margin:auto;
width: 100%;
min-height:9em;
border-top: #B8963E thin solid;
}

#columnleftimage {
float:left;
width:100%;
min-height:8em;
}









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

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

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


#wrapper {
width: 100%;
padding-top:0em;
border-left:none;
border-right:none;
        }

#header {
width:100%;
background-color: #6FF;
height:3em;
}

#header-column {
float:left;
min-height:1em;
width:150px;
}




#branding{
font-weight:normal;
font-family:'Belleza', serif;
width:99%;
min-height:9.6em;
letter-spacing:0.1em;

}

#branding h2{
color:#3d5d90;
font-size:110%;
}

#branding h3{
color:#a9c0d4;/*light grey-blue*/
color:#3d5d90;
font-size:100%;
}

#main h1 {
font-size:160%;
}

#main h2 {
font-size:140%;
}

#main h3 {
font-size:140%;
}

#main h4 {
font-size:110%;
}

#main h5{
font-size:110%;
}


.column-half {
float:left;
padding-left:1%;
padding-right:1%;
width:98.0%;
min-height:2em;
/*background-color:#6F0;*/
}

.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;*/
}

.column-quarter-archive-wider {
float:left;
width:50%;
min-height:2em;
padding-left:0%;
padding-right:0%;
/*background-color: #C47475;*/
}

.column-fifth {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #996;
}

.column-two-fifth {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #96C;
}

.column-three-fifth {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #F9C;
}

.column-sixth {
float:left;
width:30%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#F9C;*/
}


.column-seventh {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
}

.column-eight {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #CF0;
}


.column-ninth {
float:left;
width:98%;
min-height:1em;
padding-left:1%;
padding-right:1%;
/*ackground-color:#BD6062;*/
}

.column-eight-ninth {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#65E271;*/
}

.column-rest{
background-color:#FC6;
overflow:hidden;
}

.box {
border:#7e4048 thin solid;
margin: auto;
margin-bottom: 1em;
width:90%;
padding: 1em;
background-color:#f9f1f2;
}
.whitepapergallery {
margin:auto;
width: 100%;
min-height:9em;
border-top: #B8963E thin solid;
}






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