﻿#main .text-block {
    background: rgba(255,255,255,0.5);
    padding: 10px 15px;
}

#intro {
    background: url('https://cdn.originpc.com/img/landing/2019/amd-ryzen-holiday/frosty-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
    padding: 8vw 0;
}

.block-system {
    padding: 15px 0 25px 0;
    margin-bottom: 30px;
}

    .block-system .btn {
        margin-top: 30px;
    }

@media (max-width: 768px) {
    #main {
        background-position: 15% top !important;
    }
}



@media (min-width: 992px) {
    #main {
        background: url('https://cdn.originpc.com/img/landing/2019/amd-ryzen-holiday/main.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 10vw 0;
    }

    #ryzen {
        background: url('https://cdn.originpc.com/img/landing/2019/amd-ryzen-third-gen/amd-proc-bg.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 8vw 0;
    }

    #platform {
        background: url('https://cdn.originpc.com/img/landing/2019/amd-ryzen-third-gen-threadripper/platform-bg.jpg') 50% 50% no-repeat;
        background-size: cover;
        padding: 8vw 0;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #main {
        background-position: 50% 10%;
    }
}

    @media (min-width: 1920px) {
        #main {
            padding: 13vw 0;
        }
    }

    @media (max-width: 992px) {
        #main {
            padding: 0;
        }

            #main .text-block {
                padding: 0;
            }

        #ryzen.subsection, #platform.subsection {
            padding-top: 0;
            padding-bottom: .5rem;
        }
    }