@charset "utf-8";

.work-proc2-bg-block {
    margin-left:60px;
    height:200px;
    width:200px;
    background:#f6e701;
    transition: background .27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-proc2-a:hover .work-proc2-bg-block {
    background:#D83136 !important;
    transition: background .27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.text-red {
    color: #D83136;
}

.aligncenter {
    text-align: center !important;
}


/*Extra small devices (portrait phones, less than 765px)*/
@media (max-width: 765px) {
    .logo-img {
        height: 35px;
    }
}

@media (min-width: 766px) and (max-width: 1200px) {
    .logo-img {
        height: 50px;
    }
}



/* Extra small devices (portrait phones, Galaxy S5, iPhone 6/7/8/X, Pixel 2 XL portrait) */
@media (max-width: 375px) {
    .yt-frame {
        width: 310px;
        height: 236px;
    }
}


/* Extra small devices (portrait phones, Pixel 2) */
@media (min-width: 376px) and (max-width: 412px) {
    .yt-frame {
        width: 351px;
        height: 263px;
    }
}


/* Extra small devices (portrait phones, iPhone 6/7/8 Plus portrait) */
@media (min-width: 412px) and  (max-width: 575.98px) {
    .yt-frame {
        width: 354px;
        height: 265px;
    }
}


/* Small devices (landscape phones, 576px and up, Galaxy S5, Pixel 2, iPhone 6/7/8/Plus landscape) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .yt-frame {
        width: 197px;
        height: 148px;
    }
}

/* Medium devices (tablets, 768px and up, iPad portrait, iPhone X landscape) */
@media (min-width: 768px) and (max-width: 822px) {
    .yt-frame {
        width: 340px;
        height: 253px;
    }
}


/* Medium devices (tablets, 768px and up, Pixel 2 XL landscape) */
@media (min-width: 823px) and (max-width: 991.98px) {
    .yt-frame {
        width: 352px;
        height: 264px;
    }
}

/*  Large devices (desktops, 992px and up, iPad landscape, iPad Pro portrait) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .yt-frame {
        width: 302px;
        height: 226px;
    }
}


/* Extra large devices (large desktops, 1200px and up, iPad Pro landscape) */
@media (min-width: 1200px) {
    .yt-frame {
        width: 368px;
        height: 276px;
    }
}