@font-face {
 font-family: 'Bungee-Inline';
 src: url(BungeeInline-Regular.ttf) format('ttf');
}

* { box-sizing: border-box; }

body { background-color:white;
	   font-family: 'Bungee-Inline';
}

div#main { text-align:center; }

img.banner { witdth:95%; }



.box { text-align:center; float:left; width:33.33%; padding:0px; }

div.blocks::after { content: ""; clear: both; diplay: table; }

/*Small Screen
div.box { text-align:center; display:block; padding:0px; }
.box2 { text-align:center; float:left; width:50%; padding:0px; background-color:blue;}

Large Screen
@media only screen and (min-width: 768px){
    div.box { text-align:center; float:left; width:33.33%; padding:0px; background-color:red; }
    
}


div.blocks::after { content: ""; clear: both; diplay: table; }
        	        	
*/