
.text-2column .title{
    width: 20%;
}

.text-2column .title h4{
    font-size: 18px;
    font-weight: bold;
    padding-right: 25px;
    padding-top: 5px;
    color: #4B4B4B;
    text-transform: uppercase;
}

.text-2column .content-display{
    display: flex;
    padding: 0 130px;
}

.text-2column .description{
    width: 80%;
}

.text-2column .intro {
    font-size: 20px;
    line-height: 1.4em;
}

.text-2column .share-mega-button {
    display: none;
}

/* Site design width */
@media only screen and ( max-width: 1280px ){

    .text-2column .text-2column-container {
        width: 100%;
    }

    .text-2column .content-display{
        display: flex;
        padding: 0 65px;
    }
    
}

/* Max-header width */
@media only screen and ( max-width: 1180px ){

}

/* Large Tablet */
@media only screen and ( max-width: 920px ){
}


/* Small Tablet */
@media only screen and ( min-width: 640px ) and ( max-width: 768px ){

    .text-2column .title h4 {
        font-size: 10px;
    }

}

/* Mobile */
@media only screen and ( max-width: 640px ){

    .text-2column .text-2column-container{
        width: 100%;
    }
    
    .text-2column .content-display{
        display: block;
        padding: 0 30px 30px 30px;
    }

    .text-2column .title {
        width: 70%;
    }

    .text-2column .title h4 {
        font-size: 19px;
        color: #4B4B4B;
    }

    .text-2column .description{
        width: 100%;
    }

    .text-2column .share-mega-button {
        display: block;
        padding-top: 8px;
    }

    .text-2column .share-mega-button a.text-link {
        font-size: 16px;
    }

}
