* {
box-sizing: border-box;
}

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


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

h1{
color:blue;
font-size:35px;
font-family:arial;
text-align:center;
margin-bottom:15px;
}

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

.img_left{
float:left;
width:55%;
margin-top:3px;
margin-left:5px;
margin-right:8px;
border:2px solid red;
padding:2px;
}
.img_right{
float:right;
width:55%;
margin-top:3px;
margin-left:5px;
margin-right:5px;
border:2px solid red;
padding:2px;
}



p{
font-size:25px;
color:black;
}



/*****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;
}



.img_left{
width:100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:7px;
}
.img_right{
width:100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:7px;
}


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



}