* {
	box-sizing: border-box;
}





/*Create three equal colums that floats next to each other*/
.column {
	float:left;
	width:33.33%;
	padding:15px;
}



/*clear floats after the columns*/
.row:after {
	content: "";
	display:table;
	clear:both;
}




h1{
	color:purple;
	font-family:comic sans;
	text-align:center;
}

/*****MEDIA QUERY-changes website for mobile or smaller screens*****/
@media only screen and (max-width : 700px) {

/***Place other @media controls below here***/

/******COLUMN @media**********/

.topbox{
width:0%;
margin-bottom:5px;
}

.column {
width: 100%;
margin-bottom:5px;
border:2px solid gray;
}

}