@media (min-width: 768px) {
    .brb-img{
        width: 100%;
        height: 147vw;
        background-size: 182vw;
        background-position: -32vw bottom;
    }
    .brb-title{
        margin-top:140px;
    }
    .brb-shadow {
        margin-top: -50vw;
        width: 100vw;
        height: 270vw;
        margin-left: 0px;
    }
    .color{
        width: 150px;
        height: 150px;
        line-height: 20px;
        font-size: 18px;
        padding-left: 20px;
        padding-bottom: 10px;
    }
    .color-desc{
        font-size: 18px;
        font-family: circe300;
        line-height: 22px;
        margin: 27px;
        margin: 16px 0px;
        width: 100%;
    }

    .color-digital{
        margin: 0px;
        margin-bottom: 32px;
    }
    .gradioent-line {
        width: 180%;
        margin-left: -49%;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .gradient-circle div {
    
        opacity: .25;
        margin-bottom: 0px;
        padding: 0px;
    }
    .gradient-circle img {
        width: 80%;
        
    }

    .font-block div:nth-child(1){
        padding: 90px 70px 0px 70px;
        width:100%;
    }
    .font-block div:nth-child(2){
        padding: 40px 70px 0px 70px;
        width:100%;
    }
    .font-block div:nth-child(3){
        padding: 90px 70px 0px 70px;
        width:100%;
    }
    .font-block div:nth-child(4){
        padding: 30px 70px 90px 70px;
        width:100%;
    }

    .font1{
        font-size: 4vw;
        line-height: 4.2vw;
    }

    .font-block{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .font-shadow {
        width: 370%;
        margin-top: -370px;
        margin-left: -170%;
    }
    .pattern2 {
        background-size: 164vw;
        height: 100vw;
        background-position: -17vw center;
    }
    .carrier1 .title{
        width: 75%;
    }
    .carrier2 div{
        background-size: 140vw;
    }
    .photo1 div, .photo2 div, .photo3 div, .photo4 div{
    
        height: 100vw;
    }
    .photo1 div{
        background-size: 178vw;
        background-position: -59vw -17vw;
    }
    .photo2 div{
        background-size: 260vw;
        background-position: -140vw -36vw;
    }
    .photo3 div{
        background-size: 179vw;
        background-position: -32vw -12vw;
    }
    .photo4 div{
       
        background-size: 155vw;
        background-position: -19vw -7vw;
    }
    
}