@font-face {
  font-family: DINPro;
  src: url(../fonts/DINPro.otf);
}

@font-face {
  font-family: BrNStd;
  src: url(../fonts/BrNStd.otf);
}

@font-face {
  font-family: BrNStdBd;
  src: url(../fonts/BrNStdBd.otf);
}

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

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

@font-face {
  font-family: Kimchi-Style;
  src: url(../fonts/Kimchi-Style.otf);
}
.font-kimchi-style{
    font-family: Kimchi-Style;
}

p{
    font-family: BarlowCondensed-SemiBold;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}

.table-description p{
    font-family: BarlowCondensed-SemiBold;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

.table p{
    font-family: BarlowCondensed-SemiBold;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
}

.nav a {
    font-family: BarlowCondensed-SemiBold;
    font-weight: 600;
    font-size: 16px;
    /* line-height: 32px; */
    line-height: 24px;

text-transform: capitalize;
}

h1, h2, h3, h4{
    font-family: alternate-gothic-atf;
    /* font-family: MicrobrewThreeW01Regular; */
    
}

h1, .h1{
    font-style: normal;
    font-weight: 400;
    /* font-size: 102px; */
    font-size: 100px;
    line-height: 82%;
    letter-spacing: -0.02em;
}

h2{
    font-size: 62px;
    font-weight: 400;
    line-height: 72px;
}

h3{
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.01em;
}

h4{
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.btn-light{
    font-family: alternate-gothic-atf;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    text-transform: uppercase;
    padding-bottom: 0;
}

.navbar{
font-family: alternate-gothic-atf;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .navbar{
        font-size: 17px;
        line-height: 28px;
}
}

.navbar p{
font-family: alternate-gothic-atf;
    font-weight: 400;
    font-size: 21px;
    line-height: 32px;
}

.active_name{
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    text-decoration-line: underline;
    width: 320px;
}

.footer-bottom p, .footer-bottom a {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
}
/* ########################################### */


/* MEDIA/
/* ##### */
@media screen and (max-width: 1399px) {
    h1, .h1{
        font-size: 86px;
    }
}
@media screen and (max-width: 1200px) {
    p{
        font-weight: 600;
        font-size: 18px;
        line-height: 20px;
    }
}
@media screen and (max-width: 576px) {
    p{
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .table-description p{
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
    }
}

@media screen and (max-width: 1200px) {
    .table p{
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 1200px) {
    h1, .h1{
        font-style: normal;
        font-weight: 400;
        font-size: 76px;
        line-height: 82%;
        letter-spacing: -0.02em;
    }
}
@media screen and (max-width: 576px) {
    h1, .h1{
        font-style: normal;
        font-weight: 400;
        font-size: 70px;
        line-height: 82%;
        letter-spacing: -0.02em;
    }
}

@media screen and (max-width: 1200px) {
    h2{
        font-size: 45px;
        font-weight: 400;
        line-height: 54px;
    }
}
@media screen and (max-width: 576px) {
    h2{
        font-size: 40px;
        font-weight: 400;
        line-height: 54px;
    }
}

@media screen and (max-width: 1200px) {
    h3{
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -0.01em;
    }
}
@media screen and (max-width: 576px) {
    h3{
        font-weight: 400;
        font-size: 27px;
        line-height: 36px;
        letter-spacing: -0.01em;
    }
}

@media screen and (max-width: 1400px) {
    h4{
        font-size: 22px;
    }
}
@media screen and (max-width: 1200px) {
    h4{
        font-weight: 400;
        font-size: 18px;
        /* font-size: 20px; */
        line-height: 28px;
    }
}
@media screen and (max-width: 576px) {
    h4{
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1200px) {
    .btn-light{
        font-weight: 400;
        font-size: 18px;
        line-height: 32px;
    }
}

@media screen and (max-width: 576px){
    .btn-light {
        font-size: 16px;
    }
}


@media (min-width:1200px) and (max-width:1400px) {
    #button_1, #button_2, #button_3, #button_4, #button_5, #button_6{
        font-size: 20px;
    }
}
@media screen and (max-width: 1200px){
    #button_1, #button_2, #button_3, #button_4, #button_5, #button_6{
        line-height: 32px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    #button_1, #button_2, #button_3, #button_4, #button_5, #button_6{
        font-size: 16px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    #button_1, #button_2, #button_3, #button_4, #button_5, #button_6{
        line-height: 26px;
    }
}
@media (min-width:421px) and (max-width:468px) {
    #button_1, #button_2, #button_3, #button_4, #button_5, #button_6{
        font-size: 14px;
    }
}
@media screen and (max-width: 290px){
    #button_1, #button_2, #button_3, #button_4, #button_5, #button_6{
        line-height: 22px;
    }
}