@charset "UTF-8";
/* CSS Document */
/* Global Resests */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
img { border:0;}

/*--This stops the scrollbar from nudging the website to the left--*/
*{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



footer {
	overflow:auto;
}

body {
	margin: 0;
	font-family: 'Helvetica', Arial, sans-serif;
	color:#545454;
}

html {
	margin: 0;
}

a {
	height:30px;
}

.ricky {
	display:block;
	width:100%;
	max-width:600px;
	padding-top:35px;
	margin:0 auto;
}
    
header {
	display:block;
	position:fixed;
	box-shadow: 0 1px 3px #000;
}

.foot {
	color:#fff;
	clear:both;
	max-width:600px;
	margin-top:10px;
	text-align:center;
	font-size:16px;
	line-height:35px;
}
	   
 header, .foot {
 	height: 50px;
 	width: 100%;
	padding:10px 0;
 	background:#ed1b24;
 	}
	
	h1 {
		display:block;
		float:left;
		margin-left:10px;
	}

 nav ul {
	 float:right;
 }
 
 nav ul li {
 	display: inline;
	height:30px;
	margin:0 10px;
 }
 
 #wrapper {
 	margin: 10px auto 0;
 	width: 100%;
	max-width:600px;
 	clear: both;
 	}
 
 h2 {
 	display: inline-block;
 	font-family: 'Helvetica', Arial, sans-serif;
 	font-size: 2em;
 	font-style: italic;
	font-weight:100;
	color:#000;
 	background: #eae01c;
 	padding: 5px 2%;
	clear:both;
 	}
	
	h3 {
		font-weight:bold;
	}
	
	span { 
  margin-top: -40px;
  padding-top:40px;        /* Size of fixed header */
  display: block;
 
}

p, .list {
	font-size:18px;
	font-weight:200;
}

.list {
	padding:0 20px;
}

.list li {
	margin:5px 0 20px 0;
	list-style-type: disc;
}
 
 p {
 	margin: 10px 5%;
 	line-height: 24px;
 	}
	
	.quote {
		margin-top:20px;
		font-style:italic;
		font-weight:bold;
		color:#000;
	}
	
	.quote:before {
		content:url(img/start-quote-mobile.svg);
	}
	
	.quote:after {
		content:url(img/end-quote-mobile.svg);
	}
	
	.ans {
		border-bottom: thin dotted;
		padding-bottom:10px;
	}
 
 footer {
 	width: 100%;
 	padding: 0 1%;
 	}
 
 .email-button {
 	margin-right: 2px;
 	margin-left: 2px;
 	}
	
.phone, .email-button, .twitter, .skype, .linkedin {
	margin-top:5px;
	height:100px;
	float: left;
}
 
.phone, .email-button, .twitter {
 	width: 33%;
 	}
	
.skype, .linkedin {
 	width: 49.75%;
 	}

.skype {
 	margin-right:1px;}

.linkedin {
 	margin-left:1px;
 }
	
.phone {
		background: #aeaeaf url(img/phone.svg) no-repeat center;
	}
	
	.phone:hover {
		background: #eae01c url(img/phone.svg) no-repeat center;
	}
	
.email-button {
		background: #aeaeaf url(img/email.svg) no-repeat center;
	}
	
	.email-button:hover {
		background: #eae01c url(img/email.svg) no-repeat center;
	}
	
.twitter {
		background: #aeaeaf url(img/twitter.svg) no-repeat center;
	}
	
	.twitter:hover {
		background: #eae01c url(img/twitter.svg) no-repeat center;
	}
	
.skype {
		background: #aeaeaf url(img/skype.svg) no-repeat center;
	}
	
	.skype:hover {
		background: #eae01c url(img/skype.svg) no-repeat center;
	}
	
.linkedin {
		background: #aeaeaf url(img/linkedin.svg) no-repeat center;
	}
	
	.linkedin:hover {
		background:#eae01c url(img/linkedin.svg) no-repeat center;
	}
	
	/* Form */
form {
	display:block;
	width:100%;
	padding:0 1%;
	margin:10px 0;
	clear: both;
	float: left;
}

fieldset {
	width:100%;
	float:left;
}

label {
	height:5px;
	font-weight:bold;
	font-size:18px;
	display:block;
	min-width:100%;
	clear:both;
	float:left;
}

label {
	visibility:hidden;
}

label:before {
	content: "*";
}

input, textarea {
background:#333;
	float:left;
	text-indent: 0.75em;
	font-size:18px;
	padding:0.75em 0;
	border: none;
	-webkit-border-radius:0;
	border-radius: 0;
	color:#545454;
}

input {
	height:50px;
}

input, textarea {
	width:100%;
}

input:focus, textarea:focus {
	background:#eae01c;
	outline: 0 none;
}

textarea {
	height:150px;
}

::-webkit-input-placeholder {
	font-family: 'Helvetica', Arial, sans-serif; 
	}
:-moz-placeholder {
	font-family:'Helvetica', Arial, sans-serif; 
}
:-ms-input-placeholder {
	font-family: 'Helvetica', Arial, sans-serif; 
}

label.error {
	color:red;
 	font-family: 'Helvetica', Arial, sans-serif; 
	padding:2% 2%;
	font-size: 16px;
	background:#312f2d;
	float:left;
	clear: both;
	line-height: 16px;
}

.btn, .btn:hover, .btn:active {
	color:#545454;
	width:100%;
	font-size:16px;
	margin:15px 0 0 0;
	padding:0.75em 0.75em;
	clear:both;
	float:right;
	border-radius:5px;
	
}

.btn {
	background:#eae01c;
	border:#545454 thin solid;

}

.btn:hover {
	color:#eae01c;
	background:#333;
}