/* CSS Document */

			/* CSS Reset - learned from Anthony */
*{
            padding: 0;
            margin: 0;
}

											/* PAGE 1 CSS */

.section1page1{
	background: #F59C9D;
	width:auto;
	height:	300px; /*whole section 1 height here*/
}

/*navigation bar at top*/
.nav1{
		
}

/*same line navigation eliminate stacking on top + styling navigation bar*/
.ulplane{
		display:inline;
		background:#8689F9;
		padding-left:5%;
		padding-right:5%;
		margin-left:5%;
		margin-right:5%;
}

/* big heading top right*/

.bighead1right{
				width:50%;
				height:0px;
				float:right;
				background:#49AB1A;
				text-align:center;
}

.bighead1left{
		width: 50%;
		height: 0px;
		float:left;
		background: #22B98D;
		text-align:center;
	
}

.fulltopdiv{
			width: 100%;
			height:300px;
}

/*top big heading style */
.h1n1{
		font-size:55px;
		margin-top: 65px;
		margin-bottom: 5px;
		color: chocolate;
}

.subt1{
		font-size:20px;
		color: black;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
}

.leftimage{
		float:right;
		width: 700px;
		margin-top: 20px;
		margin-left: 125px;
}

					/*section 2 of Page 1*/

.h3div1{
		font-size:25px;
		margin-top: 65px;
		margin-bottom: 5px;
		color: chocolate;
		text-align: center
}

.par2sec2{
	
		font-size:20px;
		margin-top:5px;
		margin-bottom: 5px;
		color: black;
		text-align: center;
		background: #E767CE
}

					/*section 3 of Page 1*/

.h3sec3{
		font-size:25px;
		margin-top: 65px;
		margin-bottom: 5px;
		color: chocolate;
		text-align: center
}

.par1sec3{
		font-size:20px;
		margin-top:5px;
		margin-bottom: 5px;
		color: black;
		text-align: center;
		background: #E767CE
}


											/*FOOTER Page 1*/

.footer{
		text-align: center;
		color:chocolate;
		font-size:18px;
	
}


												/* PAGE 2 CSS */


.bigheadp2right{
				width:50%;
				height:0px;
				float:right;
				background:#49AB1A;
				text-align:center;
}

.leftimage2{
		float:left;
}

.sect2pag2{
			background:#E97E80;
}

.circleimg{
			border-radius: 50%;
			box-sizing:border-box;
}

.maincirclediv{
			float: left;
 		    width:100%;
  			padding: 10px 33.33%;
			height:800px;
}

.circle{
			float: left;
  			width: 33.33%;
  			padding: 5px;
}

/* Clearfix (clear floats) */
.circleorder {
  content: "";
  clear: both;
  display: table;
}



										/* PAGE 3 CSS */

.sec3p1{
		background:white;
		height:400px;
		width: 100%;
}
.page3h1{
		font-size:55px;
		margin-top: 65px;
		margin-bottom: 5px;
		color: chocolate;
		text-align: center;
}

.subt2{
		font-size:20px;
		color: black;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
		text-align: center;
}

.centerme{
			text-align: center;
			height:350px;
			background-image:url("../images/city.jpg")
}			

.sec3p2{
		background:#8E975A;
		height:1000px;
		width:auto;
		text-align: center;
		margin-top: 40px;
}

.maindivsec2p3{
			background: #8CECED;
			height:100%;
		
}

.h3p3s2{
		font-size:25px;
		margin-top: 65px;
		margin-bottom: 5px;
		color: chocolate;
		text-align: center
}

.mainrow{
		  float: left;
  		   width: 40%;
  		   padding: 15px;
}

/* Clearfix (clear floats) */
.mainrow::after {
  content: "";
  clear: both;
  display: table;
}

.mainrow2{
		float: left;
  		 width:30%;
  		 padding: 5px;
}

.mainrow3{
}
