@charset "utf-8";

/*---- General ----*/
html, 
body {
	min-height: 100%;
	color: #121212;
	margin: 0;
	padding: 0;
	background: #f7f7f7;
}
body {
	font-family: "Raleway", sans-serif;
	font-weight: 300;
	color: #121212;
}
a {
	background: transparent;
	outline: none; 
	text-decoration: none;	
	
	-webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-webkit-transition-property: background-color,color;
	transition-property: background-color,color;
}
a:active,
a:hover,
a:focus {
	outline: 0; 
	background: transparent;
	color: #121212;
	text-decoration: none;	  
}
a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1;
}
h1 small, h2 small, h3 small {
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	color: #121212;
}
h4 small, h5 small, h6 small {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #121212;
}

#header {
	text-align: center;
	background: #4ab452;
	padding: 10px 15%;
}
#about {
	text-align: center;
	background: #f7f7f7;
	padding: 10px 15%;
}
#services {
	text-align: center;
	background: #4ab452;
	padding: 10px 15%;
}
#proposal {
	text-align: center;
	background: #f7f7f7;
	padding: 10px 15%;
}
.icon {
	width: 350px;
	display: inline-block;
	padding: 10px 0;
	vertical-align: top;
}
.icon img {
	width: 200px;
	height: 200px;
	border: none;
	border-radius: 100%;
}
.white {
	color: #fff;
}

#contact-data, #contact-form {
	width:47.5%;
	float:left;
}
#contact-data {
	margin-right:2.5%;
}
#contact-form {
	margin-left:2.5%;
}

input[type=text], input[type=email], input[type=submit] {
	height:35px;
	margin-bottom: 5px;
}

input[type=text], input[type=email] {
	width:calc(100% - 20px);
	padding: 0 10px;
}

textarea {
	width:calc(100% - 18px);
	height: 50px;
	padding: 10px;
}

input[type=submit] {
	width:calc(100% + 4px);
}


.button-submit {
	cursor:pointer;
	background:#4ab452;
	border:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

@media screen and (max-width: 740px) {
	#header {
		text-align: center;
		background: #71c577;
		padding: 10px 5%;
	}
	#about {
		text-align: center;
		background: #f7f7f7;
		padding: 10px 5%;
	}
	#services {
		text-align: center;
		background: #71c577;
		padding: 10px 5%;
	}
	.icon {
    	width: 92%;
    	display: inline-block;
    	padding: 10px 4%;
    	vertical-align: top;
    }
    .icon img {
    	width: 200px;
    	height: 200px;
    	border: none;
    	border-radius: 100%;
    }
    #proposal {
    	text-align: center;
    	background: #f7f7f7;
    	padding: 10px 5%;
    }
	#contact-data, #contact-form {
		width:100%;
		margin:0;
	}
	textarea {
		width:calc(100% - 18px);
		height: 100px;
	}
	.button-submit {
		margin-bottom:50px !important;
	}
}