.cta-section{
    font-family: 'Glacial-Indifference', sans-serif;
    font-size: 1.3rem;
    position: relative;
    color: #fff2eb;
    background-color: #191919;
    z-index: 10;
}

.cta-section a{
    font-family: 'Dela Gothic One', cursive;
    font-size: 1.5rem;
    position: relative;
    display: inline-block;
    margin-top: 1.5em;
    padding: .5em 1.5em;
    text-decoration: none;
    color: #fff2eb;
    background-color: transparent;
    border: 1px solid #d10a14;
    border-radius: 2px;
    transition-duration: .2s;
    outline: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: transparent; 
    -webkit-user-select: transparent; 
    -ms-user-select: transparent; 
    user-select: transparent; 
    z-index: 1;
}

.cta-section a:focus, .cta-section a:hover{
    background-color: #d10a14;
}

@media (min-width: 420px){

    .cta-section {
        font-size: 1.7rem;
    }

    .cta-section a {
        font-size: 2rem;
    }

}

@media (min-width: 650px){

    .cta-section {
        font-size: 2rem;
    }

    .cta-section a {
        font-size: 2.5rem;
    }

}

@media (min-width: 768px){

    .cta-section {
        font-size: 2.5rem;
    }

}

@media (min-width: 992px){

    .cta-section a {
        font-size: 3rem;
    }

    .cta-section {
        font-size: 3rem;
    }

}

@media (min-width: 1200px){

   
    
}

@media (min-width: 1400px){

    .cta-section {
        font-size: 3.5rem;
    }

    .cta-section a {
        font-size: 3.5rem;
    }
    
}

@media (min-width: 1700px){

    .cta-section a {
        font-size: 4rem;
    }
    
}

@media (min-width: 1920px){

    

}