/* Phone */
@media (min-width: 0px) and (max-width: 640px) {
    .container-hero h2, .ready-wrap h2 {
        font-size: 60px;
        line-height: 58px;
    }
    .grid-wrap {
        display: grid;
        grid-template-columns: minmax(250px, 1fr);
        gap: 40px;
        max-width: 900px;
        margin: 0 auto 40px;
    }
    .landing {
        padding: 0 20px;
    }
    .contain {
        width: 80%;
    }
        .contain-fr {
            width: 95%
        }
    .welcome-text {
        margin: 40px 0px;
    }
    .portfolio, .service-section {
        padding: 10%;
    }
    .margin-left {
        margin-left: 40px;
    }
}
/* Tablet */
@media (min-width: 640px) and (max-width: 1023px) {
    .container-hero h2 {
            font-size: 110px;
            line-height: 90px;
        }
}


/* Desktop */
@media (min-width: 1024px){
    .container-hero {
        margin-bottom: 50px;
    }
}