/* Fonts */
@font-face {font-family: DIN; src: url(../fonts/DIN.ttf) format('truetype');}
@font-face {font-family: DIN Bold; src: url(../fonts/DIN-PRO-700-Bold.ttf) format('truetype');}
@font-face {font-family: DIN Normal; src: url(../fonts/DINMedium.ttf) format('truetype');}

:root {
  --black: #000;
  --darkgrey: #222;
  --grey: #333;
  --lightgrey: #d5d5d5;
  --main-color: #D52B1E;
  --main-font: DIN, sans-serif !important;
  --main-font-bold: DIN Bold, sans-serif !important;
  --body-font: "Open Sans", sans-serif !important;}

.visible-xs {display: none !important;}
.dlheader {font-size: 1vw !important; width: 100%; background-color: var(--black); padding: .5em 4em; font-family: var(--body-font); text-transform:  uppercase;}
.dlheader a {text-decoration: none; color: #fff;}
.dlheader a:hover {color: var(--main-color); text-decoration: none;}
.dlheader_top {display: flex; justify-content: space-between; align-items: center;}
.dlheader_top_logo img {height: 4.8em; aspect-ratio: 179/200;}
.dlheader_top i {color: #fff; font-size: 1.1em; width: 1.2em; height: 1em; display: inline-block; aspect-ratio: 1.2/1;}
.dlheader_top_brands {display: flex;}
.dlheader_top_brands a {padding: .5em 2em;}
.dlheader_top_brands a img {height: 1em;}
.dlheader_top_brands a:nth-child(1) img {aspect-ratio: 191/26;}
.dlheader_top_brands a:nth-child(2) img {aspect-ratio: 227/25;}
.dlheader_top_brands a:nth-child(3) img {aspect-ratio: 96/17;}
.dlheader_top_brands a:nth-child(3) img {aspect-ratio: 96/17;}
.dlheader_top_brands a:nth-child(4) img {aspect-ratio: 37/9;}
.dlheader_top_brands a:hover, .dlheader_top_brands a:focus {transition: 0.3s all;}
.dlheader_top_brands a:hover img, .dlheader_top_brands a:focus img {transform: translateY(-0.2em); transition: 0.3s all;}
.dlheader_top_links {display: flex; font-family: var(--main-font-bold); font-weight: 600; color: #fff;}
.dlheader_top_links a {padding: .8em 1em; color: var(--main-color)}
.dlheader_top_links-focus {background-color: var(--main-color); color: #fff !important; border: .01em solid var(--main-color);}
.dlheader_top_links-focus:hover, .dlheader_top_links-focus:focus {background-color: #000; color: var(--main-color) !important;}
.dlheader_top_links-focus {display: none}
.dlheader_top_contact {display: flex;}
.dlheader_top_contact a {padding: .5em 1em;}
.dlheader_top_social {display: flex;}
.dlheader_top_social a i {color: var(--lightgrey);}
.dlheader_top_social a {padding: .5em;}
.dlheader_top a:hover i, .dlheader_top a:focus i {color: var(--main-color);}
.dlheader_top_phone a, .dlheader_top_hours a, .dlheader_top_location a {padding: 1.2em 2em;}
.dlheader_top_phone a span {font-size: 1.2em;}
.dlheader_top_social a {padding: 1.2em 1em;}
.dlheader_top_social a:nth-child(1) {padding-right: .2em;}
.dlheader_top_social a:nth-child(2) {padding-right: .6em;}
.dlheader_top_social a:nth-child(3) {padding-right: .6em;}
.dlheader_top_phone a:hover, .dlheader_top_hours a:hover, .dlheader_top_location a:hover, .dlheader_top_social a:hover {color:  var(--main-color);}

@media (max-width: 769px){
  .dlheader {font-size: 16px !important; padding: .5em 1em;}
  .visible-xs {display: block !important;}
  .hidden-xs {display: none !important;}
  .dlheader_top_logo img {height: 3.5em; margin-right: 1.5em;}
  .dlheader_top_brands {flex-wrap: wrap;}
  .dlheader_top_brands a {padding: .5em; width: 50%;}
  .dlheader_top_brands a img {height: .6em;}
  .dlheader_top_brands a:nth-child(3) img {height: .8em;}
  .dlheader_top_brands a:nth-child(4) img {height: .8em;}
  .dlheader_top_contact a {padding: .5em;}
}