/* module_two-button-descriptor.css

    Default background is gold.
        
            For alternate colors:
            
                <div class="module_two-button-descriptor"> is teal
                
                <div class="module_two-button-descriptor"> is light gray

*/

.module_two-button-descriptor {
    background-color: #F2A900;
    margin: 60px 0;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.module_two-button-descriptor.alt-color-1 {
    background-color: #ceddde;
}

.module_two-button-descriptor.alt-color-2 {
    background-color: #F6F8F8;
}

.module_two-button-descriptor .cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 1200px;
    width: 100%;
}

.module_two-button-descriptor .cols .col {
    /*max-width: 360px;*/
    text-align: center;
    width: 50%;
    padding: 0 30px;
    border-right: 1px solid #000000;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
}

.module_two-button-descriptor .cols .col.last {
    border-right: 0;
}

.module_two-button-descriptor .header h2 {
    /*font-family: "Proxima Nova Bold", Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 60px;*/
    color: #000000;
    /*font-size: 32.4px;
    line-height: 1.25em;*/
}

.module_two-button-descriptor .header h2 span {
    color: #000000;
    /*margin-bottom: 30px;*/
}

.module_two-button-descriptor .cols .col h3 {
    font-family: "Proxima Nova Bold", Arial, sans-serif;
    padding: 0;
    margin: 0 30px 25px 30px;
    /*height: 50px;*/
    font-size: 22px;
    color: #000000;
    width: 100%;
}

.module_two-button-descriptor .cols .col p {
    font-family: "Proxima Nova Regular", Arial, sans-serif;
    line-height: 24px;
    font-size: 18px;
    margin: 0;
    flex: auto;
    color: #000000;
}

.module_two-button-descriptor .cols .col a {
    color: #000000;
    font-family: "Proxima Nova Extra Bold", Arial, sans-serif;
    text-decoration: underline;
}

.module_two-button-descriptor.alt-color-1 .cols .col a {
    color: #000000;
    text-decoration: underline;
}

.module_two-button-descriptor .cols .col a:hover {
    text-decoration: underline;
}

.module_two-button-descriptor .cols .col .button {
    align-self: end;
}

.module_two-button-descriptor .cols .col .button a {
    flex: auto;
    margin-top: 50px;
    background-color: rgba(255,255,255,0.5);
    color: #000000;
    border: 1px solid #000000;
    text-decoration: none;
    width: 100%;
    max-width: 450px;
    font-family: "Proxima Nova Bold", Arial, sans-serif;
}

.module_two-button-descriptor .cols .col .button a:hover,
.module_two-button-descriptor .cols .col .button a:focus {
    text-decoration: none;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.module_two-button-descriptor.alt-color-2 .cols .col .button a {
    background-color: #007481;
    color: #ffffff;
    border: 1px solid #007481;
}

.module_two-button-descriptor.alt-color-2 .cols .col .button a:hover,
.module_two-button-descriptor.alt-color-2 .cols .col .button a:focus {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-decoration: none;
}

.module_two-button-descriptor .cols .col .button a .far.fa-file-pdf,
.module_two-button-descriptor.alt-color-1 .cols .col .button a .far.fa-file-pdf {
    color: #000000;
}

.module_two-button-descriptor .cols .col .button a:hover .far.fa-file-pdf,
.module_two-button-descriptor.alt-color-1 .cols .col .button a:hover .far.fa-file-pdf,
.module_two-button-descriptor.alt-color-1 .cols .col .button a:focus .far.fa-file-pdf {
    color: #ffffff;
}

.module_two-button-descriptor .cols .col .button a .far.fa-file-pdf,
.module_two-button-descriptor.alt-color-1 .cols .col .button a .far.fa-file-pdf {
    color: #000000;
}

.module_two-button-descriptor.alt-color-2 .cols .col .button a .far.fa-file-pdf,
.module_two-button-descriptor.alt-color-2 .cols .col .button a:hover .far.fa-file-pdf,
.module_two-button-descriptor.alt-color-2 .cols .col .button a:focus .far.fa-file-pdf {
    color: #ffffff;
}

.module_two-button-descriptor.alt-color-1 .cols .col {
    border-right: 1px solid #000000;
}

.module_two-button-descriptor.alt-color-1 .cols .col.last {
    border-right: 0;
}

.module_two-button-descriptor.alt-color-1 .header h2,
.module_two-button-descriptor.alt-color-1 .header h2 span,
.module_two-button-descriptor.alt-color-1 .cols .col h3,
.module_two-button-descriptor.alt-color-1 .cols .col p {
    color: #000000;
}


@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1024px) {
    .module_two-button-descriptor .cols .col {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .module_two-button-descriptor .cols .col h3 {
        /*height: 75px;*/
    }
    
    .module_two-button-descriptor .cols .col p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 640px) {
    .module_two-button-descriptor .cols {
        flex-direction: column;
    }
    
    .module_two-button-descriptor .cols .col,
    .module_two-button-descriptor.alt-color-1 .cols .col {
        max-width: 100%;
        width: auto;
        border-right: 0;
        border-bottom: 0;
        padding: 0;
        margin: 0 20px 26px 20px;
    }

    .module_two-button-descriptor .cols .col.last {
        border-bottom: 0;
        margin-bottom: 0;
    }
    
    .module_two-button-descriptor .cols .col h3 {
        /*height: 50px;*/
        height: auto;
    }
    
    .module_two-button-descriptor .cols .col p {
        font-size: 18px;
        margin-bottom: 0;
        padding: 0;
    }
    
    .module_two-button-descriptor .cols .col .button {
        padding: 0;
    }
    
    .module_two-button-descriptor .cols .col .button a {
        margin-bottom: 36px;
        max-width: 100%;
    }
    
    .module_two-button-descriptor .cols .col.last .button a {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 480px) {}