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

@font-face {
  font-family: Halyard-Display-Bold;
  src : url(font/Halyard-Display-Bold.otf)
}

h1, h2, h3, h4, h5, h6 {font-family: "Halyard-Display-Book" , Arial, sans-serif ; color:#fff;}
span, p, li {font-family: "Halyard-Display-Book" , Arial, sans-serif; font-size: 20px; line-height: 32px; font-weight: 400; color:#fff;}
a {color:#fff;}
strong {font-family: "Halyard-Display-Bold" , Arial, sans-serif;}
body {background-color: #000;}
.container { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.logo {margin-bottom:30px; width: 160px; height:auto;}
.left-col {padding:5%;}
.right-col img {width:100%;}
.first-col {display:table-cell; padding-top:5%;}
.second-col {display:table-cell; padding-left: 10%; padding-top:5%;}
.footer-copyright {background-color: #000; padding: 1% 8% 1% 2.5%; }


@media screen and (max-width: 992px) {
  .container { display: block; }
  .left-col {padding: 8% 10% 10% 8%; }
  .left-col p {width:auto; font-size:20px; line-height: 28px}
  .footer-copyright {padding-left:7%; }
  .footer-copyright p {font-size:16px; line-height: 22px}
  .first-col, .second-col, .third-col {display:block; width:100%; padding-left: 0%; margin-bottom:10px;}
}