/*main column sizing controls*/

* {
	box-sizing: border-box;
}

.topbox {
overflow: hidden;

width:100%;
}

/* Create two columns that floats next to each other */
.column1 {
float: left;
width: 61%;
padding: 10px;
background: white;
}

.column2 {
float: left;
width: 39%;
padding: 10px;
background:lightsteelblue;
}

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

/***********Writing styles**********/



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

/*** connect with class="p1" ***/
.p1 {
font-family:monotype-corsiva;
color:black;
font-size: 20px;
}
.p1::first-letter {
font-size:30px;
}
.p1::first-line {
font-size:30px;
color:blue;
font-family: ink free;
}

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

.p2::first-line {
font-size:30px;
color:blue;
font-family: ink free;
}

/***********images****************/

/*using for column 2*/
/*call with class=img_left*/
.img_left{
float:left;
width:45%;
margin-top:3px;
margin-left:5px;
margin-right:8px;
border:2px solid black;
padding:2px;
}
.img_right{
float:right;
width:45%;
margin-top:3px;
margin-left:5px;
margin-right:5px;
border:2px solid black;
padding:2px;
}
/*using for column 1*/
.img_center{
width:70%;
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;
}

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

.column2 {
width: 100%;
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;
}

}/*closes @media section*/