/* Normalize CSS */
html {
    box-sizing: border-box;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background-color: #414a4c;
    color: #FFF;
    font-family: "Gotham Light", "HelveticaNeue", "Helvetica"; sans-serif;
    font-size: 16px; /* Base font size */
    font-weight: lighter;
}

@font-face {
      font-family: 'Gotham Light';
      src: url('../fonts/Gotham Light.ttf') format('truetype');
      text-decoration: none;}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}


/* Headings */

h2 {
    font-size: calc(.9rem + 0.3vw); 
    margin: .9rem 0;
}

h3 {
    font-size: calc(1.8rem + 0.6vw); font-weight: lighter; color:#FFF; line-height: 1.5rem; letter-spacing: -3.6px; 
    margin: .01rem 0;
}

p   {
    font-size: calc(.72rem + 0.6vw); color:#FFF; letter-spacing: .02rem;
    margin: .4rem 0;
}

img {
    pointer-events: none;
    cursor: default; 
}

a img {
    pointer-events: none;
    cursor: default;
}

.spoiler-text {
  background: #FFF;
  color: transparent;
  cursor: help;
  user-select: none;
  transition: background 0.3s ease 0.2s, color 0.2s ease 0.25s;
}

.spoiler-text:hover,
.spoiler-text:focus {
  background: #414a4c;
  color: inherit;
}

@keyframes ticker-animation {
    0% {
        transform: translateX(100%); 
    }
    100% {
        transform: translateX(-100%);
    }
}


hr {
    border: 0; 
    height: calc(1.2px + 0.1vw); 
    background: #FFF; /* 380106 */ 
    margin: 0rem auto; 
    width: 100%; 
    max-width: 80%;
}


@media (max-width: 575.98px) { 
    hr,
    #ticker-wrap {
        max-width: 80%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    hr,
    #ticker-wrap {
        max-width: 80%; 
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    hr,
    #ticker-wrap {
        max-width: 80%; 
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    hr,
    #ticker-wrap {
        max-width: 80%; 
    }
}

@media (min-width: 1200px) {
    hr,
    #ticker-wrap {
        max-width: 80%; 
    }
}