@charset "UTF-8";
    @media screen and (min-width: 1039px) 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;
}


#header {
font-family:"Amiri" ;
font-weight: normal;
max-width:100%;
background-image: url("images/headerbackground2.jpg");
background-repeat:no-repeat;
background-size: cover;
}

#header h2 {
color:#fff;
text-shadow: 4px 2px 4px #000000;
font-size: 370%;
letter-spacing: 0.05em;
}

#header h2 a,
#header h2 a:link,
#header h2 a:visited{
text-decoration:none;
color: #fff;
outline-style:none;
letter-spacing:0.05em;
font-weight: normal;
}



#main{
100%;
}

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

.column-third {
float:left;
width:31.2%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#0F9;*/
}

.column-two-third {
float:left;
width:64.7%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#66FFFF;*/
}
.column-quarter {
float:left;
width:23.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

.column-three-quarter {
float:left;
width:73.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FFFF99;*/
}









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





    @media screen and (min-width: 768px) and (max-width: 1040px) 
 {
        /* Most Tablets */
 
.see-big {
display:inline;
}
.see-tiny {
display:none;
}
      
#wrapper {
width: 100%;
padding-top:0em;
border-left:none;
border-right:none;
}


#header {
font-family:"Amiri" ;
font-weight: normal;
max-width:100%;
background-image: url("images/headerbackground2.jpg");
background-repeat:no-repeat;
background-size: cover;
}

#header h2 {
color:#fff;
text-shadow: 4px 2px 4px #000000;
font-size: 300%;
letter-spacing: 0.05em;
}

#header h2 a,
#header h2 a:link,
#header h2 a:visited{
text-decoration:none;
color: #fff;
outline-style:none;
letter-spacing:0.05em;
font-weight: normal;
}



#main{
width: 100%;
}

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

.column-third {
float:left;
width:31.2%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#0F9;*/
}

.column-two-third {
float:left;
width:64.7%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#66FFFF;*/
}
.column-quarter {
float:left;
width:23.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

.column-three-quarter {
float:left;
width:73.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FFFF99;*/
}









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


#header {
font-family:"Amiri" ;
max-width:100%;
background-image: url("images/headerbackground2.jpg");
background-repeat:no-repeat;
background-size: cover;
}

#header h2 {
color:#fff;
text-shadow: 4px 2px 4px #000000;
font-size: 200%;
letter-spacing: 0.05em;
}

#header h2 a,
#header h2 a:link,
#header h2 a:visited{
text-decoration:none;
color: #fff;
outline-style:none;
letter-spacing:0.05em;
font-weight: normal;
}

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

.column-third {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#0F9;*/
}

.column-two-third {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#66FFFF;*/
}
.column-quarter {
float:left;
width:48.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

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

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

.column-three-quarter-footer {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#000;
}
.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:48.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:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color: #CF0;*/
}


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

.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 {
font-family:"Amiri" ;
max-width:100%;
background-image: url("images/headerbackground2.jpg");
background-repeat:no-repeat;
background-size: cover;
}

#header h2 {
color:#fff;
text-shadow: 4px 2px 4px #000000;
font-size: 200%;
letter-spacing: 0.05em;
}

#header h2 a,
#header h2 a:link,
#header h2 a:visited{
text-decoration:none;
color: #fff;
outline-style:none;
letter-spacing:0.05em;
font-weight: normal;
}

.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-quarter-footer {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#000;
}

.column-three-quarter {
float:left;
width:98.0%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#FFFF99;
}

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

.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:98%;
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-seven-eight {
float:left;
width:98%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color: #F9C;*/
}
.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 */
    }