
.navcolor{
	background-color:yellow;
}

.container1{

height:auto;
width:100%;
background-color:pink;

}

.container2{

height:auto;
width:100%;
background-color:grey;

}

.h1{
text-align:center;
font-size:30px;
font-family:Rockwell;
}


.one {
	height:300px;
	width:200px;
	background-color:pink;
	float:left;
	margin-left:30px;
	
}

.two{
	height:300px;
	width:200px;
	background-color:pink;
	float:left;
	margin-left:30px;
}

.three{
	height:300px;
	width:200px;
	background-color:pink;
	float:left;
	margin-left:30px;	
}

.four
{height:300px;
	width:200px;
	background-color:pink;
	float:left;
	margin-left:30px;	
}

.container3{
		height:400px;
width:100%;
background-color:pink;
}

.five
{height:300px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.six
{height:300px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}


.seven
{height:300px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}


.eight
{height:300px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}


.image{
	height:300px;
	width:200px;

}
.nine
{height:300px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.ten
{height:300px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}


.container4{
height:auto;
width:100%;
background-color:pink;
}

.roman1
{height:400px;
	width:300px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman2
{height:400px;
	width:300px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman3
{height:400px;
	width:300px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman4
{height:400px;
	width:300px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.container5{
height:auto
width:100%;
background-color:pink;
}



.roman6
{height:200px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman7
{height:200px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman8
{height:200px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman9
{height:200px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman10
{height:200px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}

.roman11
{height:200px;
	width:200px;
	background-color:grey;
	float:left;
	margin-left:50px;	
}




.container6{
height:auto;
width:100%;
background-color:pink;
}

.container7{
	
	height:auto;
	width:100%;
background-color:pink;
}
	
	.img{
		height:50px;
		width:50px;
	}
