﻿
.main-mas {
    width: 1500px;
    position: relative;
    display: flex;
    margin-bottom:50px;
}

    .main-mas .mas-left {
        flex: 1;
    }

    .main-mas .mas-right {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-end;
        justify-content: flex-start;
        align-items: flex-end;
        text-align: left;
    }

        .main-mas .mas-right > * {
            width: 620px;
        }

        .main-mas .mas-right .mas-title {
            font-family: bold;
            font-size: 3rem;
            text-transform: uppercase;
            padding-bottom: 50px;
            padding-right: 150px;
        }

        .main-mas .mas-right .mas-options {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            border-top: solid 2px #555;
        }

            .main-mas .mas-right .mas-options > * {
                display: flex;
                width: 50%;
                border-bottom: solid 2px #555;
                height: 100px;
                padding-top: 20px;
                gap: 20px;
            }

            .main-mas .mas-right .mas-options .mas-option-icon img {
                position: relative;
                height: 32px;
                margin-top: 2px;
            }

            .main-mas .mas-right .mas-options .mas-option-title {
                font-size: 1.4rem;
                text-transform: uppercase;
            }

@media(max-width: 1500px) {

    .main-mas {
        width: 100%;
    }
}

@media(max-width: 980px) {

    .main-mas .mas-left {
        opacity: .15;
        width: 100%;
        position: absolute;
        top:50px;
    }
    .main-mas .mas-right {
        width: 100%;
        padding: 0 30px 30px 0;
    }
}
