@charset "utf-8";
/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

body{
font-family: 'Roboto', sans-serif;
font-weight: 400;
background-color: #fff;
	color: #666;
}

a{
	color:#666;
}

  
.gridContainer {	
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	padding-left: 10%;
	padding-right: 0;
	margin-top: 100px;
	border: 1px dotted #ccc;
    padding-top: 80px;
	padding-bottom: 80px;
}



#div1 .logo {
    padding-bottom: 20px;
	text-align: right;
}



p{
font-size: 1.3em;
}


/* Large desktops and laptops */
@media screen and (min-width: 1200px) {

}



/* Landscape tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1199px) {



}



/* Portrait tablets and small desktops */
@media screen and (min-width: 768px) and (max-width: 991px) {
	
.gridContainer {	
	max-width: 600px;
}
    
#div1 .logo img {
    width: 90%;
    height: auto;
}    

}




/* Landscape phones*/
@media screen and (max-width: 812px) and (orientation: landscape) {
    
	.gridContainer {
    margin-top: 30px;    
	max-width: 80%;
    padding-top: 40px;
	padding-bottom: 20px;
}
    
#div1 .logo {
    padding-bottom: 30px;
	text-align: right;
}    
    
#div1 .logo img {
    width: 80%;
    height: auto;
    padding-bottom: 10px;
} 
    
p{
font-size: 1em;
}    

}


/* Portrait phones*/
@media screen and (max-width: 480px)  {
	.gridContainer {
    margin-top: 30px;    
	max-width: 85%;
    padding-top: 40px;
	padding-bottom: 20px;
}
 
#div1 .logo {
    padding-bottom: 30px;
	text-align: right;
}
    
    
 #div1 .logo img {
    width: 100%;
    height: auto;
    padding-bottom: 0px;
} 
    
p{
font-size: 1em;
}  

}