@import '../../../../style/variables.scss';

.get-in-tough{
    position: relative;
    display: none;
    @media only screen and (min-width: 767px) {
        display: block;
    }
    .title{
        color: $tertiary;
    }
    &::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 160px;
        background: $LightCream;
        z-index: -1;
        @media only screen and (min-width: 1440px) {
            height: 200px;
        }
    }
    .get-in-content{
        @media only screen and (min-width: 768px) {
            padding-right: 12px;
        }
        @media only screen and (min-width: 1024px) {
            padding-right: 20px;
        }
        @media only screen and (min-width: 1200px) {
            padding-right: 30px;
        }
        @media only screen and (min-width: 1440px) {
            padding-right: 80px;
        }
        @media only screen and (min-width: 1600px) {
            padding-right: 136px;
        }
    }
}