@import url(http://fonts.googleapis.com/css?family=Lato:100,200,300,400,700,300italic,400italic);
body {background:#3c5158;font-family:"Lato", Helvetica, Arial, sans-serif;font-size:1rem;color:#464646;font-weight:400;}

.heading { background:#333 url("../img/ex-pat-tax-accountant.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width:100%;
height:500px;
text-align:center;
}
.logo {width:265px;margin-top:30px}
.heading-container {width:100%;background-color:rgba(56, 70, 75, 0.9);padding:3em 3em 1em 3em;border-radius:10px;margin-top:7%;text-align:center;}
.heading h1 {font-size:2.2rem;color:#fafafa;font-weight:700;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;}
.heading h2 {font-size:1.2rem;color:#eee;font-weight:300;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;line-height:2em;}
.heading h2 span {font-size:1.2rem;}
.dark {width:100%;background:#3c5158;padding:3em 0 3em 0;}
.grey {width:100%;background:#3c5158;padding:3em 0 3em 0;}
.light-grey {width:100%;background:#fafafa;padding:3em 0 3em 0;border-bottom:3px solid #52646a;}
.action {width:100%;background-color:rgba(56, 70, 75, 0.9);padding:3em 0 3em 0;border-bottom:3px solid #52646a;}
.grey p, .light-grey p {font-size:0.9rem;}
.grey h3, .grey h4 {color:#eee;}
.grey p a {color:#eee;}
.grey p a:hover {color:#fafafa;}
.grey p {color:#ccc;}
.slant {font-style:italic;font-weight:200;font-size:1.5rem;}
.action h3 {font-size:1.6rem;color:#eee;font-weight:400;font-family:"Lato", Helvetica, Arial, sans-serif;text-align:center;text-transform:capitalize;}
label {color:#eee;}
.submit-button {background-color:#dd820c;color:#fafafa;font-weight:700;letter-spacing:0.05em;}
.submit-button:hover {background-color:#38464b;}
#contact span.required{ font-size: 13px; color: #ff0000; } 
#message { margin: 10px 0; padding: 0; }
.error_message { display: block; background: #fafafa;padding:20px 10px 20px 10px; color:#333;border: 1px solid #ccc; -webkit-border-radius:5px; }
.loader { padding: 0 10px; }
#contact #success_page h5 {color:#fafafa;font-size:1.1rem;border-top:1px solid #eee;padding-top:1em;margin-bottom:2em;}


textarea {min-height:120px;}
h3 {font-size:1.2rem;color:#38464b;font-weight:400;font-family:"Lato", Helvetica, Arial, sans-serif;text-transform:uppercase;}
h4 {font-size:1.2rem;color:#38464b;font-weight:400;font-family:"Lato", Helvetica, Arial, sans-serif;text-transform:uppercase;}
.box {padding-right:2em;}
.box-right {padding-left:2em;border-left:1px solid #eee;}
.box-right-blue {padding-left:2em;border-left:1px solid #49585e;}
.footer {background-color:#38464b;color:#ccc;width:100%;padding:2em 0 2em 0;}
.footer p {font-size:0.8rem;}
.footer a {color:#ccc;}
.footer a:hover {color:#fafafa;}
.social {font-size:1.9rem;margin-right:4px;}
.go-right {text-align:right;}


@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.heading h1 {font-size:2.2rem;color:#fafafa;font-weight:700;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;}
	.heading h2 {font-size:1.2rem;color:#eee;font-weight:300;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;line-height:2em;}
	.heading h2 span {font-size:1.2rem;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.heading-container {width:100%;background-color:rgba(56, 70, 75, 0.9);padding:2em;border-radius:10px;margin-top:2%;text-align:center;}
	.heading h1 {font-size:1.2rem;color:#fafafa;font-weight:700;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;}
	.heading h2 {font-size:0.9rem;color:#eee;font-weight:300;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;line-height:2em;}
	.heading h2 span {font-size:0.9rem;}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
	.heading-container {width:100%;background-color:rgba(56, 70, 75, 0.9);padding:2em;border-radius:10px;margin-top:4%;text-align:center;}
	.heading h1 {font-size:1.3rem;color:#fafafa;font-weight:700;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;}
	.heading h2 {font-size:0.8rem;color:#eee;font-weight:300;font-family:"Lato", Helvetica, Arial, sans-serif;vertical-align:middle;text-align:center;line-height:2em;}
	.heading h2 span {font-size:0.8rem;}
	.box {padding-right:1em;}
	.box-right {padding-left:1em;border-left:none;}
	.box-right-blue {padding-left:1em;padding-right:1em;border-left:none;}
	.go-right {text-align:left;}
	.logo {margin-top:20px;}
}