/* This is a CSS comment - it looks different than an HTML comment */

body {
		width:100%;
}

h2 {
	color:#0DB3BC;
	font-size:1.5rem;
	font-family: 'Montserrat', Arial, Verdana, serif;
	font-weight: bold;
}

h3 {
	color:#515151;
	font-size:1.25rem;
	font-family: 'Montserrat', Arial, Verdana, serif;
	font-weight: normal;
	margin-bottom:0.25rem;
}

h4 {
	color:#515151;
	font-size:1.1rem;
	font-family: 'Hind', Arial, Verdana, serif;
	font-weight: bold;
}

p {
	color:#777777;
	font-size:1rem;
	font-family: 'Hind', Arial, Verdana, serif;
	font-weight: normal;
	margin-top:0.25rem;
}

a {
	color:#EFA867;
	font-family: 'Hind', Arial, Verdana, serif;
	font-weight: normal;
	-webkit-transition: color 0.3s ease; 
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	transition: color 0.3s ease;
}

a:hover, a:focus {
	color:#724F33;
	-webkit-transition: color 0.3s ease; 
	-moz-transition: color 0.3s ease; 
	-o-transition: color 0.3s ease; 
	transition: color 0.3s ease;
}

img {
	max-width:100%;
	height:auto;
}

img.fade {
	opacity:0.2;
	-webkit-transition: opacity 0.3s ease; 
	-moz-transition: opacity 0.3s ease; 
	-o-transition: opacity 0.3s ease; 
	transition: opacity 0.3s ease; 
	max-width:20%;
	float:left;
}

img.fade:hover, img.fade:focus {
	opacity:1;
	-webkit-transition: opacity 0.3s ease; 
	-moz-transition: opacity 0.3s ease; 
	-o-transition: opacity 0.3s ease; 
	transition: opacity 0.3s ease; 
}

img.phones {
	margin:1rem;
	border-style:solid;
	border-color:#515151;
	border-width:0.25rem;
	max-width:100%;
}

img.desktop {
	margin:0 0 1rem 0;
	border-style:solid;
	border-color:#515151;
	border-width:0.25rem;
	max-width:100%;
}

.button {
	display:inline-block;
	border-style:solid;
	border-color:#EFA867;
	border-width:0.25rem;
	font-size: 1.25rem;
	padding: 0.3em;
	background-color:#FFF;
	text-decoration: none; /* Remove the underline */
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.button:hover, .button:focus { /* Use both, because many devices don't have any hover. */
	border-color:#EFA867;
	background-color:#EFA867;
	color:#FFF;
}

.wrapper {
	max-width:60em;
	margin:0 auto;
}