* {
	box-sizing: border-box;
}

.topbox {
overflow: hidden;
width:100%;
}



/* Create three equal coulumns that float next to each other*/
.column {
	float: left;
	width: 33.0%;
	padding: 15px;
	color: skyblue;
	background: gray;
}




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

/*** connect with class="p1" ***/
.p1 {
font-family:monotype-corsiva;
color:skyblue;
font-size: 20px;
}


h1 {
	color: black;
	font-family: ink free;
	font-size: 25px;
	text-align: center;
	margin-bottom: 5px;
	background: violet;
}

.img_center{
	width: 95%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border: 2px solid black;
	padding: 2px;
}

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

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

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

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

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

}