/*=================== main styles=================== */
body {margin: 0; 
	padding: 0;
	font-family: 'Hammersmith One', sans-serif;
	font-size: 15px;
	line-height:21px}
a { text-decoration : none; color : #000; }
a:hover {text-decoration: underline}
h1{line-height: 50px;
	font-size: 38px;
	margin: 0}
h1 span {display:block;
	margin:0;}
span {line-height: 30px}
h2{line-height: 40px;
	font-size: 38px;
	letter-spacing: 10px}
h3{line-height: 40px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 10px}
.button {background-color:#EA4424;
	color:white;
	font-size:22px;
	padding: 10px;
	display: table;
	margin-top:5px}
.wrapper{/*background-color:yellow*/
	max-width: 1289px;
	width:95%;
	margin-left:auto;
	margin-right:auto}
.clearfix{clear:both}
p {line-height: 30px}

/*=================== header styles=================== */

header {padding-top: 60px}
.toggle {display:none}
nav {font-size: 21px; margin:0;
    padding:0;
	margin-left: 10px;
	margin-right:10px;
	text-align: center}
nav ul {width:100%;
	height:auto}
nav li {list-style:none;
	display:inline;
	margin-left:10px;
	margin-right:10px;}
#logo {max-width:647px;
	width: 95%;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto}

/*=================== value prop =================== */

#value {position: relative}
.value-prop {background-color:rgba(255,255,255,.75);
	width:auto;
	display:table;
	padding:10px;
	position:absolute;
	top:50%;
	left:20px;
	right:0;
	margin:auto;
	transform:translateY(-50%)}
.value-image {position: relative}
/*=================== footer styles=================== */

footer {background-color:#C59A66;}
footer li {list-style: none;
	line-height: 35px;
text-align:left; display: block; border: none; margin-top: 20px;margin-bottom: 15px; padding: 3px;margin-right:0px; cursor: pointer;}
footer ul {padding:0;text-align: center; vertical-align:top; width: 15%;margin-left:auto;margin-right: 2%;}
footer .form { max-width: 200px;
	width:30%;
 display: inline-block;
	line-height: 30px;
	vertical-align: top;
	font-size: 15px;
	text-align:left;
	margin:45px}
.submit {display: inline-block}
#footer-nav {margin:20px; padding:0;
	display: inline-block;
	vertical-align: top;
	width:10%;
	font-size: 15px}
p {margin: 70px;
	padding: 5px}
/*=================== featured section =================== */
	
#welcome {/*background-color:pink*/
	text-align: center}
hr {color: black;
	width:1289px;}

/*=================== boxes =================== */

#boxes {/*background-color:darkmagenta*/
	text-align: center}
.box {display: inline-block;
	width:353px;
	margin-left:34px;
	margin-right:34px}
.box img {width:100%;
	height: auto;
	position: relative}

/*=================== testimonials =================== */
.picture-text {background-color:rgba(196, 153, 102, .6); font-weight:normal; width:60%; position:relative; text-align:center; left:0px; right:0px; margin-left:auto; margin-right:auto;}

/*=================== media query =================== */
@media screen and (max-width:600px){
	.toggle{
		display: block;
		float: right;
}
	nav {
	
		display:none}
	
	.wrapper {width: 300px}
	.value-prop {position:relative;margin-bottom: 60px
		}
	h1 {font-size: 30px;display: inline-block}
	p {font-size: 12px}
	
	footer li {display:block; text-align: center}
	footer .form {display:block; text-align: center}
	.picture-text p {width:60%;margin-right:20%}
	}/*600*/