/*============== WEB ===================*/
.regular .web h4{
  padding-top: 88px;
}

#redyWebsite div.slider {
    width: 100%;
    height: 100%;
}

.website-icon-block{
    position: relative;
    bottom: 4vw;
    z-index: 100;
}

.website-icon {
    width: 10vw;
    margin: -1vw;
}

/*phone: Extra small - Small*/
@media(max-width: 767px) {
    .first-animation {
        position: absolute;
        width: 80vw ;
        height: 60vw ;
        margin:10px;
    }

    #redyWebsite div.slider {
        width: calc( 80vw + 50px );
        height: calc( 60vw + 50px);
    }

    .website-icon {
        width: 25vw;
        margin: -5vw;
    }

    .website-icon-block {
        left: 5vw;
        bottom: 7vw;
    }
}

/*pad: Medium-Large*/
@media (min-width: 768px) and (max-width: 1139px) {
    .first-animation {
        position: absolute;

        width: calc(45vw - 50px);
        height: calc(31vw - 50px);
        margin: 10px;

    }


    #redyWebsite{
        height: 30vw;
    }

}

/*PC*/
@media (min-width: 1140px) {
    .first-animation {
        position: absolute;
        width: calc(38vw - 50px);
        height: calc(27vw - 50px);
        margin: 10px;

    }

    #redyWebsite{
        height: 26vw;
    }




}