@font-face {
    font-family: 'ClassyVogueStylishSerifFont';
    src: url('fonts/ClassyVogueStylishSerifFont.eot');
    src: url('fonts/ClassyVogueStylishSerifFont.eot') format('embedded-opentype'),
         url('fonts/ClassyVogueStylishSerifFont.woff2') format('woff2'),
         url('fonts/ClassyVogueStylishSerifFont.woff') format('woff'),
         url('fonts/ClassyVogueStylishSerifFont.ttf') format('truetype'),
         url('fonts/ClassyVogueStylishSerifFont.svg#ClassyVogueStylishSerifFont') format('svg');
}

@font-face {
    font-family: 'cheltenham-light';
    src: url('fonts/cheltenham-light.ttf');
}
@font-face {
    font-family: 'cheltenhambold';
    src: url('fonts/cheltenhambold.ttf');
}



h1, h2, h3, h4, h5, h6 {
/*    font-family: 'ClassyVogueStylishSerifFont';*/
font-family: 'cheltenham-light';
}

body {
    background-color: #000;
/*    font-family: 'CheltenhamNormal','Georgia','Times New Roman', serif;*/
font-family: 'cheltenham-light';
}
img {
    max-width: 100%;
}
.black_section {
    background-color: #000;
    padding-bottom: 100px;
    padding-top: 40vh;
/*    margin-bottom: 40vh;*/
margin-bottom: 28vh;
    transition: background-color 0.8s ease-out;
/*    transition: all 0.8s ease-out;*/
}
.black_section h1 {
    font-size: 40px;
    color: #fff;
    margin: 0 0 25vh 0;

}
.black_section .para {
    font-size: 26px;
    color: #C0C0C0;
    margin: 0 0 110px 0;
/*    font-family: "Jost", sans-serif;*/
}
.black_section .para p {
    margin: 0;
}
.black_section .para strong {
    font-weight: 700;
    color: #fff;
}
.black_section .para p a {
    color: #8d8d8d;
}
.rightAlign {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.width50 p {
    width: 50%;
}
.width80 p {
    width: 80%;
}

.white_section {
    padding: 0;
}
.white_section h2 {
    font-size: 70px;
    color: #473B3B;
    margin: 0 0 30px 0;
}
.whiteSectionTextBlock {
    position: relative;
    top: -100px;
    opacity: 0;
    transition: all 0.3s ease;
}
body.special .whiteSectionTextBlock {
    opacity: 1;
}
.white_section p {
    font-size: 26px;
    color: #473B3B;
    margin: 0 0 30px 0;
/*    font-family: "Jost", sans-serif;*/
}
.white_section a {
    color: #746c6c;
}
.video_block {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.video_block iframe {
    width: 100%;
    min-height: 315px;
    height: 100%;
}
.video_block video {
    width: 100%;
    height: 365px;
    object-fit: cover;
}
.black_bar {
    background-color: #000;
    padding: 30px 0;
    font-size: 26px;
    color: #fff;
    margin: 0;
/*    font-family: "Jost", sans-serif;*/
}
body {
    transition: background-color 0.8s ease-out;
}
body.special {
    background-color: #fff;
}
body.special .black_section {
    background-color: #fff;
}
.target {
    height: auto;
    
}
body.special .blackSectionTextBlock {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}
.blackSectionTextBlock {
    position: relative;
}


.down_arrow {
    position: absolute;
    left: 20px;
    width: 30px;
    top: -10px;
    margin-top: 100px;
    height: 36px;
    -webkit-animation: updown 0.5s linear 1s infinite alternate;
    animation: updown 0.5s linear 1s infinite alternate;
}
@keyframes updown {
  0% {
    top: -10px;
  }
  50% {
    top: 0px;
  }
  100% {
    top: -10px;
  }
}




@media (max-width: 767px) {
    .container { padding:0 20px; }
    .black_section .para,
    .white_section p { font-size:20px; }
    .white_section h2 { font-size:70px; }
    .video_block { grid-template-columns: 1fr; }
    .black_section { padding-top: 45vh; }
    .video_block iframe { height:45vw; min-height: initial; }
    .video_block video { height:45vw; min-height: initial; }

    .width50 p,
    .width80 p { width:100%; }
}