@media (min-width: 576px) {

    .brb-img{
        width: 100%;
        height: 167vw;
        background-size: 226vw;
        background-position: -37vw bottom;
    }
    .brb-title{
        margin-top:120px;
    }
    .brb-shadow {
        margin-top: -50vw;
        width: 150vw;
        height: 270vw;
        margin-left: -30vw;
    }
    
    .color-digital{
        width: 60%;
    }

    .color-desc{
        width: 60%;
    }
    .gradioent-line {
        width: 190%;
        margin-left: -53%;
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .gradient-circle div {
    
        opacity: .25;
        padding: 0px 20%;
       
    }

    
    .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{
        border-radius: 8px;
    }

    .font-block{
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        
    }
    .font2, .font3, .font4{
        font-size: 20px;
        line-height: 33px;
    }
    .font-shadow {
        width: 420%;
        margin-top: -370px;
        margin-left: -180%;
    }
    .pattern1 {
        background-size: cover;
        height: 510px;
    }
    .pattern2 {
        background-size: 194vw;
        height: 120vw;
        background-position: -26vw center;
    }
    .carrier1 .title{
        width: 85%;
    }
    .carrier2 div{
        background-size: 170vw;
    }
    .carrier5 div{
        width: 100%;
    background-size: 168vw;
    background-position: -17vw -10vw;
    height: 98vw;
    }



}