/******************main column sizing controls*************/
* {
	box-sizing: border-box;
}

		/* Style the top area */
			.topbox {
		  overflow: hidden;
		  background:red;
		  width:100%;
		}
		
		
		.column1 {
		float: left; /*stuff goes to left*/
		width: 70%;
		 padding: 10px;
		background:black; 
		 }
		
		.column2 {
		 float: left;
		 width: 30%;
		 padding: 15px;
		background:black;
		}
		
		/* Clear floats after the columns */
		.row:after {
		  content: "";
		  display: table;
		  clear: both;
		}
		
		/***********Writing styles**********/

h2 {
font-size: 2em;
color: #2262AD;
line-height: 1.15em;
margin: 20px 0 ;
color:red;
font-family:monotype-corsiva;
text-align:center;
}

/*** connect with class="p1" ***/
.p1 {
font-family:arial;
color:red;
}
.p1::first-letter {
font-size:55px;
font-family:monotype corsiva;
font-style:italic;

}
.p1::first-line {
font-size:30px;
color:red;
}

/*** connect with class="p2" ***/
.p2 {
font-family:arial;
color:red;
}


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

/*using for column 2*/

.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;
}
/*using for column 1*/
.img_center1{
width:100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:5px;
border:2px solid red;
}
.img_center2{
width:100%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:5px;
border:2px solid red;

}