body
	{ 
	background-color: #4bff00;
	background: repeat-no;
	color: #3600ff;
	margin:0;
	padding: 0 ;
	font-family: "freesans";
	
	}
#section-head
	{
	
	width: 100%;
	height: 100px;
	}

#section-head2
	{
	background-color: #9F3;
	position:fixed;
	z-index:1;
	}

#section-top1
	{
	background-color: #9F3;
	height: 250px;
	}

#section-top2
	{
	background-color: #9F3;
	height: 250px;
	padding: 50px;
	}

#section-bottom
	{
	background-color: #99CC66;
	}

.columntop1
	{
	background-color: #CF9;
	
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-top: 30px; 
	}

#footer
	{
	background-color: #9F3;
	height: 250px;
	
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 100px;
	padding-top: 100px;

	clear:left;
	}


.column
	{
	background-color: #CF9;
	padding: 1px;
	margin: 1px;
	width: 30%;
	display:table;
	border:1px solid #D2D6D5;

	float:left;
	}
.photo
	{
	width:25%;
	float:left;
	}
@media only screen and (max-width: 700px) {
  body .photo {
    width: 50%; }
 }

#foot-top
{clear:left;}

@media (max-width:480px)
	{
	.column {width: 400px;
	}
}
	
.nav1
	{
 	padding: 100px;
	}
a
	{
 	text-decoration:none;
	}
.nav
	{
	list-style:none;
	float:right;
	}
.nav li 
	{
	float:left;
	}
.button1
	{
	 display: inline-block;
	 padding: 1em;
	 background-color:green;
	 color:white;
	 width: 100px;
	}
.button2
	{
	display: inline-block;
	padding: 1em;
	background-color:blue;
	color:white;
	width: 100px;
	}
.button3
	{
	display: inline-block;
	padding: 1em;
	background-color:#333;
	color:white;
	width: 120px;
	}

@media (min-width: 980px) {
 body .number2
{
display: none;
}

 }

@media (min-width: 480px) {
.number
{
display: none;
}
}
#foot-top
	{
	
	}
#foot
	{
	background-color: #96d292;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	clear:left;
	font-size: 15px;
	text-align: center;
	}