@font-face {
    font-family: 'ProximaNovaBold';
    src: url('fonts/ProximaNova-Bold-webfont.eot');
    src: url('fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNova-Bold-webfont.woff') format('woff'),
         url('fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('fonts/ProximaNova-Reg-webfont.eot');
    src: url('fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNova-Reg-webfont.woff') format('woff'),
         url('fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('fonts/ProximaNova-Reg-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRegIt';
    src: url('fonts/ProximaNova-RegIt-webfont.eot');
    src: url('fonts/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNova-RegIt-webfont.woff') format('woff'),
         url('fonts/ProximaNova-RegIt-webfont.ttf') format('truetype'),
         url('fonts/ProximaNova-RegIt-webfont.svg#ProximaNovaRegIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('fonts/ProximaNova-Light-webfont.eot');
    src: url('fonts/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNova-Light-webfont.woff') format('woff'),
         url('fonts/ProximaNova-Light-webfont.ttf') format('truetype'),
         url('fonts/ProximaNova-Light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ProximaNovaSBold';
    src: url('fonts/ProximaNova-Sbold-webfont.eot');
    src: url('fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'),
         url('fonts/ProximaNova-Sbold-webfont.svg#ProximaNovaSBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {background: url(images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {height: 100vh; /* background: url(images/background.jpg) no-repeat; background-size: cover; */ color: #fff; padding: 20px 20px 0; margin-bottom: 0; }
h1, h2, h3 {margin: 0}
#page {width: 1360px; margin: 60px auto 20px; font-family: 'ProximaNovaLight'; min-height: 100%; padding-bottom: 0; margin-bottom: 0; height: auto!important; }
#page p {color: #fff; margin: 0; padding-bottom: 32px}

#logo {width: 350px; float: left; margin-right: 120px;}
#content {float: left; width: 810px;}
#content h1 {padding-top: 50px; padding-bottom: 32px;}
#content p {font-size: 24px; padding-bottom: 32px; line-height: 30px;}


#footer {clear: both; margin-top: 50px;}
#footer:after {content: ""; display: table; clear: both}
#contact {float: left; width: 350px; margin-right: 120px;}
#contact h2 {font-size: 50px; font-family: 'ProximaNovaRegIt'; font-weight: 300; padding-bottom: 40px; margin-left: -75px;}
#contact h3 {font-size: 21px; font-family: 'ProximaNovaSBold';}
#contact p {line-height: 30px;}

#address {float: left; width: 350px; padding-top: 100px;}
#address h3 {font-size: 21px; font-family: 'ProximaNovaSBold'; padding-bottom: 32px;}

.copyright {padding-top: 15px; font-size: 16px;}

@media (max-width: 1500px) {
	#page {margin-top: 40px;}
	#contact h2 {margin-left: 0}
}


@media (max-width: 1280px) {
	#page {margin-top: 0px; width: 100%;}
	#page p {padding-bottom: 20px;}
	#content h1 {padding-bottom: 20px;}
	#logo {margin-right: 0px}
	#content {width: 700px;}
	#content p {font-size: 18px; line-height: 24px;}
	#contact h2 {font-size: 40px; padding-bottom: 20px;}
	#address {padding-top: 70px}
	.copyright {padding-top: 20px;}


}


@media (max-width: 975px) {
	#page {margin-top: 20px}
	#logo, #content, #footer {width: 100%;}
	
	#address {padding-top: 0}
}
