$baseFontSize : 16px;
$importantModNum : 20px;
$headerFontFamily : 'OpenSansRegular','helvetica', 'san-serif';
$headerFontWeight : bold;
$ratio : 1.35;

@import "compass";
@import "foundation";
a:hover{
color:#8dbe42;

}
.bottom{

	a{
	
		color:white;
		text-decoration:none;
			
			
	}
	float:right;
	text-align:right;

}

.blog{

display:inline-block;
padding:10px 20px;
background:#ff0000;
}

.contact{
display:inline-block;
padding:10px;
}



h3{
font-size:16px;
font-weight:normal;
font-family : 'OpenSansRegular','helvetica', 'san-serif';
color:black;

}
.row{

width:100%;

clear:both;

.columns{
border:5px solid white;
margin-bottom:1em;
img{
margin-bottom:1em;
}
.comming_soon{
display:none;
position:absolute;
bottom:-2em;
right:0px;

}

&:hover{
border:5px solid #8dbe42;
.comming_soon{
display:block;

}
}
}


}




body{
	font-family : 'OpenSansRegular','helvetica', 'san-serif';
	
	color:#333333;
	font-size:100px !important;
	
	

	#top_anchor{
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}

	
		#logo{
		width:120px;
		margin:1em;
		}
		
		
		.logo{
		
		float:left;
		}
		.create_simple{
		width:60%;
		float:right;
		background:#8dbe42;
		text-align:right;
		img{
		margin: 5em 1em 1em 1em;
		}
		
		}
	

	





	
	
	

}


h3{

a{
	color:#313232;
	}
}
@media only screen and (min-width: 1000px){
.bottom{
position:relative;
top:-3em;

}


}

@media only screen and (min-width: 1300px){
.bottom{
position:relative;
top:-5em;

}


}

@media only screen and (max-width: 767px){
.logo, .create_simple{
float:none;
text-align:center !important;
width:100% !important;



}

.create_simple img{
margin-top:0.6em !important;
margin:0.3em !important;


}


}

