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

	.tocenter {
		width: 95%;
	}
    
	#left {
		width: 25%;
	}
    
    #menu {
        width: 100%;
    }
    
    #right {
		width: 75%;
	}
    
    .rightpic {
        float:nofloat; 
        width:100%; 
    }
    
     .rightpic img{
        max-width:100%; 
    }

    .leftdata {
        float:nofloat; 
        width:100%;
    }
    
}

/************************************************************************************
smaller than 680
*************************************************************************************/
@media screen and (max-width: 680px) {
    
	#left {
		width: 100%;
		float: none;
        padding-bottom:30px;
	}
    
	#right {
		width: 100%;
		float: none;
	}
    
    #hatter {
        margin-left:0px;
        margin-bottom:20px;
    }

    #footpart {
        height:150px;
    }
   
}
   

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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
    
    .contact {
        padding:0px;  
    }
    
    #contact_left {
 
        width:30%;
    }

    #contact_right {
        width:67%;
    }
    h1, h2{
        text-align:left;
        line-height:1.3;
        font-family:'Roboto Condensed';
        font-weight: lighter;
    }
    
    p{
        text-align:left;
    }

}