<style type="text/css">

* {
  
  /* with these codes padding and border does not increase it's width - gives intuitive style */
  
  -webkit-box-sizing: border-box;   
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* ==== Body and Links ==== */


html,
button,
input,
select,
textarea {
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}

body {
	color: #191919;
	line-height: 1.3;
	margin: 0;
	background: #fff;
}


a {
	color: #09447C;
	text-decoration: none;
}

a:visited {
	color: #09447C;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #FF0000;
	outline: 0;
}

a:hover {
	text-decoration: underline;
	color: #FF0000;
}

table {
	border-bottom: 0px solid #fff;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 0px;
}

td {
	border-top: 0px solid #fff;
	padding: 6px 10px 6px 0;
}

/* Images */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}


/* ==== Form Styles ==== */


/* Makes responsive fields.Sets size and field alignment.*/

input[type=text],
input[type=email],
input[type=url],
input[type=tel]
{
	width:100%;
	padding: 15px;
	border-radius:5px;
	border:1px solid #7ac9b7;
	font-size: 24px;
}

textarea {
	width:100%;
    border:1px solid #7ac9b7;
	border-radius:5px 
}

 
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {

	border-color: #4697e4;
	font-size: 24px;
}

input,
select,
textarea {
	font-size: 24px;
	color: #0061c2;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

/* Sets form button size*/

input[type=submit]{
width:150px;
padding:20px 8px;
border-radius:5px;
border:2px solid  #4697e4;
margin-right:10%
}


/* ===== Headings ==== */


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: Bitter, Georgia, serif;
	line-height: 1.3;
}

h1 {
	font-size: 42px;
	margin: 8px 0;
}

h2 {
	font-size: 32px;
	margin: 8px 0;
}

h3 {
	font-size: 22px;
	margin: 8px 0;
}




/* ========== Mobile devices =========== */



@media (max-width: 643px) {

	h1 {
		font-size: 32px;
		margin: 8px 0;
	}

	h2 {
		font-size: 22px;
		margin: 8px 0;
	}

	h3 {
		font-size: 18px;
		margin: 8px 0;
	}

	input[type=text],
	input[type=email],
	input[type=url],
	input[type=tel]
	{
		width:100%;
		padding: 15px;
		border-radius:5px;
		border:1px solid #7ac9b7;
		font-size: 18px;
	}

	textarea{
		width:100%;
	    border:1px solid #7ac9b7;
		border-radius:5px 
		font-size: 18px;
	}

	input[type=text]:focus,
	input[type=email]:focus,
	input[type=url]:focus,
	input[type=tel]:focus,
	textarea:focus {

	border-color: #4697e4;
	font-size: 18px;
	}

	input,
	select,
	textarea {
		font-size: 18px;
	}

}


</style>

