@font-face {
  font-family: Geometria;
  src : url(font/Geometria-Medium.ttf)
}

@font-face {
  font-family: Georgia;
  src : url(font/Georgia.ttf)
}

h1, h2, h4, h5, h6 {font-family: "Geometria" , Times, "Times New Roman" ; color:#fff;}
h3 {font-family: "Geometria" , Times, "Times New Roman" ; font-size: 24px; line-height: 32px; text-transform: uppercase; color:#fff; margin-bottom:0px;}
span, p, li {font-family: "Georgia" , Times, "Times New Roman"; font-size: 24px; line-height: 32px; font-weight: 400; color:#fff;}
a {color:#fff;}
body {background-color: #000;}

.hero { background: url(img/hero-bg.jpg) no-repeat center; background-size: cover; padding: 3% 45% 3% 8%;}
.hero p {width:700px;}
.logo {margin-bottom:170px; width: 160px; height:auto;}
.footer {display:table; background-color: #000; width:100%;  border-top: 0.3px solid #fff; border-bottom: 0.3px solid #fff; padding-top:3%; padding-bottom: 6%;}
.footer p, .footer-copyright p {font: normal normal normal 18px/32px Georgia;}
.first-col, .second-col, .third-col, .fourth-col {display:table-cell; padding-left: 8%;}
.footer-copyright {background-color: #000; padding: 1% 8% 1% 8%; }


@media screen and (max-width: 992px) {
  .hero {padding: 8% 10% 10% 8%; }
  .hero p {width:auto; font-size:20px; line-height: 28px}
  .logo {margin-bottom:80px;}
  .footer {padding: 8%; border-top: 1px solid #fff;}
  .footer p, .footer-copyright p {font-size:16px; line-height: 22px}
  .first-col, .second-col, .third-col {display:block; width:100%; padding-left: 0%; margin-bottom:40px;}
}