/************************************************************************************
greater than 900
*************************************************************************************/
@media screen and (min-width : 901px) {
 
}

/************************************************************************************
smaller than 900
*************************************************************************************/
@media screen and (max-width: 900px) {
    
}


/************************************************************************************
smaller than 790
*************************************************************************************/
@media screen and (max-width: 790px) {

#col20, #col25, #col30, #col33, #col40, #col50, #col60, #col70 {
           width: 100%;     
           }

#banner {
	padding-top: 0px;
}

.box {
     width:99%;  
}      

#show {
	width: 98%;
	position: relative;
}


.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: #000000;
	color: #FFF484;
	font-size: 0.8em;
	text-align: center;
}

figure {
        width:98%;   
        }   

#imgleft {
         max-width: 40%;
         height: auto;
          padding-left: 0.2em;
          padding-right: 0.2em;
         float:left;
         }
 
#imgright {
          max-width: 40%;
          height: auto;
          padding-left: 0.2em;
          padding-right: 0.2em;
          float:right;
          } 
                                  
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

/* disable webkit text size adjust (for iPhone) */

html {
	-webkit-text-size-adjust: none;
    }
    
.gallery33 {
           width: 96%;
           float: none;
           }          

.gallery33 img{
             max-width: 100%;
             } 
}