header .logo {
	margin-top: 0px;
	margin-bottom: 10px;
	
	float: left;
}
	header .logo img {
		border-radius: 0px 0px 5px 5px;
		width: 190px;
	}
	

.slogan {
	float: right;
	margin-top: 70px;
	
	width: 260px;
}


@media only screen and (max-width : 750px) { 

        header .logo {
            float: left;
            transition: none;
        }
                header .logo img {
                    width: 180px;
                }
        
         .slogan {
	         float: left;
	         margin-left: 10px;
	         
	         width: 200px;
         }


}


@media only screen and (max-width : 428px) { 
        
        header .logo,
        header .slogan {
	        float: none;
	        clear: both;
        }
        
         .slogan {
	        margin-top: 0px;
	        float: none;
	        
	        margin-top: 10px;
	        }


}