html {
	font: normal 100%/1.375 "Source Sans Pro",sans-serif;
	color: #191919;
}

body {
	background-color: #fff;
	font: normal 100%/1.375 "Source Sans Pro",sans-serif;
}

a {
	outline: none;
	text-decoration: none;
	color: #448ccb;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

h2 {
	background: #da2128;
	color: #000;
	margin: 0 0 10px;
	padding: 8px;
	font: normal 125%/1 "Source Sans Pro",sans-serif;
	text-transform: uppercase;
}

h3 {
	font: bold 150%/1 "Source Sans Pro",sans-serif;
	margin: 0;
	padding: 8px 0 16px;
	color: #000;
}

.h4,h5,.h5,h6,.h6{margin:0 0 10px;}

.container {
	width: 100%;
	max-width: 600px;
	background-color: #eee;
    color: #000;
    padding: 10px;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}


form {

    margin: 0 0 2em;
    padding: 1em;

}

    form p {
    	margin: 0 0 1em;
    	color: #000;
    	font-size: 120%;
    }
    form .disclaimer {
    	font-style: italic;
    }

    form label {
    	display: block;
    }

	form input[type="text"], form input[type="number"] {

		-webkit-appearance: none;
	    -moz-appearance: none;
	    -ms-appearance: none;
	    -o-appearance: none;
	    appearance: none;

		display: block;
		float: none;
		width: 90%;
		background: #fff;
		border: 1px solid #dedede;
		border-radius: 6px;
		margin: 0 0 1em 0;
		padding: 0.8em;
		font-size: 87.5%;

	}
	form input[type="text"]:focus {
		background: #fff;
		border: 1px solid #a6a6a6;
	}

	form select {
		width: 90%;
		background: #fff;
		border: 1px solid #dedede;
		border-radius: 6px;
		margin: 0 0 1em 0;
		padding: 0.8em;
		font-size: 87.5%;
	}

    form span.hdr {
    	display: block;
    	font: bold 120%/1 "Source Sans Pro",sans-serif;
    	margin: 1em 0 0.5em;
    }


	form input[type="submit"] {

		-webkit-appearance: none;
		display: block;
		width: 30%;
		float: none;
		background: #1a631a;
		color: #fff;
		border: 1px solid #a6a6a6;

		border-radius: 6px;
		margin: 1em 0;
		padding: 10px 5px;
		font: normal 100%/1 "Source Sans Pro",sans-serif;
		text-transform: uppercase;
		@media (max-width: 35em) {
			width: 50%;
		}
	}
	form input[type="submit"]:hover {
		    opacity: 0.85;

	}
	form input.error {
		border: 1px solid #da2128;
	}
	form label.error {
		color: #da2128;
	}


	#error-container {
		display: block;
		clear: both;
		padding: 8px 0;
		color: #da2128;
		font-weight: bold;
	}

form:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }


#results {
	display: none;
	margin: 0 0 1em;
	background: #fff;

	border: 1px solid #a6a6a6;
	border-radius: 6px;
	padding: 1em;
	font-size: 150%;
	color: #000;
}

#results h3 {
	text-transform: uppercase;
	font-size: 120%;
	margin: 0 0 0.5em;
	padding: 0;
}
#results h4 {
	font-size: 100%;
	margin: 0 0 1em;
	padding: 0;
}

/* ---------- Share buttons  ---------- */
.share-buttons-container {
	display: none;
	margin: 0;
	padding: 0;
}

.share-button {
	display: inline-block;
	vertical-align: top;
	min-width: 120px;
	width: 28%;
	height: 44px;
	margin: 0 5px 5px 0;
	border-radius: 6px;
	overflow: hidden;
	text-overflow: clip;
	cursor: pointer;
	font-size: 20px;
	line-height: 44px;
	color: #fff;
	text-decoration: none;
	@media (max-width: 35em)  { 
	    width: 100%;
	    font-size: 18px;
	}


}

	.share-button:visited, .share-button:hover, .share-button:active, .share-button:focus {
	    text-decoration: none;
	    color: #fff;
	    opacity: 0.85;
	}
	.share-button .icon {
		display: inline-block;
		font-size: 32px;
		width: 32px;
		height: 32px;
		margin: 6px;
		text-align: center;
		vertical-align: middle;
		float: left;
	}
	.share-button.share-facebook {
	  background-color: #3b5999;
	}
		.share-button.share-facebook .share-count {
		  margin: 6px 10px 6px 0;
		  vertical-align:bottom;
		  color: white;
		  line-height: 42px;
		  width: auto;
		  display: inline;
		}

	.share-button.share-twitter {
	  background-color: #55acee;
		.icon {
		}
	}

	.share-button.do-again {
		background-color: #737373;
		min-width: 210px;
		width: 35%;

		@media (max-width: 35em)  { 
		    width: 100%;
		}

		.share-button.icon {
			font-size: 28px;
			line-height: 32px;
		}
	}
/*  ----------  /Share buttons  ----------  */