html, body {background: #f3f3f3; color: black; height: 100%; padding: 0; margin: 0; font-family: "roboto", sans-serif;}

#header {width: 100%; height: 700px; background: url("../img/header_bg.jpg") #000000 top center; background-repeat: no-repeat; color: white;}
#logo {width: 145px; margin: 0 auto;}
#logo a {-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#logo a:hover {opacity: 0.65;}
#heading {margin: 165px 0 0 0;}
h1 {text-align: center; font-size: 3.5em; font-weight: 500; letter-spacing: 12px; margin: 0 0 50px 0;}
h2 {text-align: center; font-size: 1.5em; font-weight: 300; letter-spacing: 6px; margin: 0 0 100px 0;}
#line {width: 145px; height: 4px; background: #a32638; display: block; margin: 0 auto;}

#content_left {width: 50%; float: left;}
#content_left_center {padding: 15%; background: #f3f3f3;}
#content_left_contact {width: 460px; margin: 0 auto;}
#content_left_contact h3 {font-size: 2.5em; font-weight: 300; color: #a32638; margin: 0 0 50px 0;}
#content_left_contact h4 {font-size: 1.25em; font-weight: 500; color: black; margin: 0 0 20px 0;}
#content_left_contact strong {font-weight: 500;}
#content_left_contact p {font-size: 1em; font-weight: 400; line-height: 1.5em;}
#content_left_contact .small {font-size: 0.75em; line-height: 1.5em;}
#content_left_contact .e-mail {font-size: 1.25em; font-weight: 500; color: #a32638; float: left;}
#content_left_contact a {text-decoration: none; color: #a32638; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#content_left_contact a:hover {color: #000000;}
#content_left_contact .phone {font-size: 1.25em; font-weight: 500; color: #a32638; float: left;}
#content_left_contact .fa-paper-plane {padding: 0 7px 0 0;}
#content_left_contact .fa-phone {padding: 0 6px 0 20px;}
#content_left_contact .fa-building {padding: 0 12px 0 0;}
#content_left_contact .google_map a {display: block; width: 400px; height: 250px; margin: 50px 0 0 0; box-shadow: 0px 0px 40px #cccccc;}
#content_left_contact .google_map a:hover {box-shadow: none;}

#content_right {width: 50%; float: right; background: #fff;}
#content_right_center {padding: 15%;}
#content_right_contact {width: 470px; background: #fff; margin: 0 auto;}
#content_right_contact h3 {font-size: 2.5em; font-weight: 300; color: #a32638; margin: 0 0 50px 0;}
#content_right_contact strong {font-weight: 500;}
#content_right_contact .fa-file-alt {padding: 0 12px 0 0;}
#content_right_contact .fa-file-pdf {padding: 0 7px 0 0;}
#content_right_contact .document_a {display: block; background: #f3f3f3; padding: 20px 35px 20px 35px;}
#content_right_contact .document_b {display: block; background: #ffffff; padding: 20px 35px 20px 35px;}
#content_right_contact .document_title a {font-size: 1.25em; font-weight: 500; text-decoration: none; color: #a32638; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#content_right_contact .document_title a:hover {color: #000000;}
#content_right_contact .document_date {font-size: 0.75em; font-weight: 400; color: #000000; padding: 12px 0 0 0;}
#content_right_contact span {padding: 0 10px 0 10px;}

#footer {width: 100%; padding: 40px 0 40px 0; font-size: 1em; background: #aaaaaa; text-align: center; color: #ffffff;}
#footer .webs {font-size: 0.75em; padding: 15px 0 0 0;}
#footer img {width: 75px; margin: 0 0 20px 0;}
#footer span {padding: 0 20px 0 20px;}
#footer a {color: #ffffff; text-decoration: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
#footer a:hover {color: #000000;}

.cleaner {height: 0px; line-height: 0px; overflow: hidden; font-size: 0px; clear: both;}
.left {float: left;}
.right {float: right;}

/* From 1400px to Nokia 3310 */

@media only screen and (max-width: 1400px) {

#header {background-size: 240%;}

#content_left_contact {width: 100%;}
#content_left_contact h3 {font-size: 2.75vw; margin: 0 0 9% 0;}
#content_left_contact h4 {font-size: 1.35vw; margin: 0 0 4% 0;}
#content_left_contact p {font-size: 1.15vw;}
#content_left_contact .small {font-size: 1vw;}
#content_left_contact .e-mail {font-size: 1.35vw;}
#content_left_contact .phone {font-size: 1.35vw;}
#content_left_contact .google_map a {width: 100%; height: auto; margin: 10% 0 0 0;}
#content_left_contact .google_map img {width: 100%;}

#content_right_contact {width: 100%;}
#content_right_contact h3 {font-size: 2.75vw; margin: 0 0 9% 0;}
#content_right_contact .fa-file-pdf {padding: 0 1.75% 0 0;}
#content_right_contact .document_a {padding: 5% 7% 5% 7%;}
#content_right_contact .document_b {padding: 5% 7% 5% 7%;}
#content_right_contact .document_title a {font-size: 1.5vw;}
#content_right_contact .document_date {font-size: 1vw;}
#content_right_contact span {padding: 0;}

#footer {width: 100%; padding: 3% 0 3% 0; font-size: 1.25vw;}
#footer .webs {font-size: 1vw; padding: 1% 0 0 0;}
#footer img {width: 6.5%; margin: 0 0 1.5% 0;}
#footer span {padding: 0 1.5% 0 1.5%;}

}

/* Nokia 3310 */

@media only screen and (max-width: 960px) {

#header {height: auto; padding: 0 0 25% 0; background-size: 455%;}
#logo {width: 30%;}
#heading {margin: 20% 0 0 0;}
h1 {font-size: 8vw; margin: 0 10% 10% 10%; line-height: 1.35em; letter-spacing: 0.25em;}
h2 {font-size: 3.65vw; margin: 0 10% 20% 10%; line-height: 2em; letter-spacing: 0.25em;}
#line {width: 30%; height: 2px;}

#content_left {width: 100%; float: none;}
#content_left_center {padding: 15% 10% 15% 10%;}
#content_left_contact {width: 100%;}
#content_left_contact h3 {font-size: 7.5vw; margin: 0 0 14% 0;}
#content_left_contact h4 {font-size: 5.5vw; margin: 0 0 7% 0;}
#content_left_contact p {font-size: 4vw;}
#content_left_contact .small {font-size: 3vw;}
#content_left_contact .e-mail {font-size: 5vw; float: none;}
#content_left_contact .phone {font-size: 5vw; margin: 2% 0 0 0; float: none;}
#content_left_contact .fa-paper-plane {padding: 0 3% 0 0;}
#content_left_contact .fa-phone {padding: 0 3% 0 0;}
#content_left_contact .fa-building {padding: 0 3% 0 0;}
#content_left_contact .google_map a {width: 100%; height: auto; margin: 10% 0 0 0;}
#content_left_contact .google_map img {width: 100%;}

#content_right {width: 100%; float: none;}
#content_right_center {padding: 15% 10% 15% 10%;}
#content_right_contact {width: 100%;}
#content_right_contact h3 {font-size: 7.5vw; line-height: 1.25em; margin: 0 0 14% 0;}
#content_right_contact .fa-file-alt {padding: 0 3% 0 0;}
#content_right_contact .fa-file-pdf {padding: 0 1.75% 0 0;}
#content_right_contact .document_a {padding: 5% 7% 5% 7%;}
#content_right_contact .document_b {padding: 5% 7% 5% 7%;}
#content_right_contact .document_title a {font-size: 4.5vw; line-height: 1.25em;}
#content_right_contact .document_date {font-size: 3vw; padding: 3% 0 0 0; line-height: 1.5em;}

#footer {padding: 6% 0 6% 0; font-size: 3vw;}
#footer .webs {font-size: 2.5vw; padding: 2% 0 0 0;}
#footer img {width: 12.5%; margin: 0 0 3% 0;}
#footer span {padding: 0 2% 0 2%;}

}