#dev-fecr-logo-container {
    text-align: center;
    transition: .5s;
}

#home-grid-container-columns {
    display: grid;
    transition: .5s;
    overflow: hidden;
}

#home-grid-container-columns img {
    width: 100%;
    display: block;
}

#home-item-1 {
    grid-area: home-item-1;
    text-align: center;
    transition: .5s;
    margin: 0;
    padding-bottom: 4%;
    font-size: 1.2em;
    line-height: 1.8em;
}

#home-item-2 {
    grid-area: home-item-2;
    text-align: center;
    transition: .5s;
    margin: 0;
    padding-top: 4%;
    font-size: 1.2em;
    line-height: 1.8em;
}

.home-item-text {
    text-align: left;
    transition: .5s;
    line-height: 1.8em !important;
    padding-top: 4%;
}



@media only screen and (max-width: 360px) {


    #home-grid-container-columns {
        grid-template-areas: "home-item-1"
                             "home-item-2";
    }

    .home-item-text {
        padding: 0 5%;
    }

    #home-item-1{padding-top: 4%;}
    #home-item-2{padding-bottom: 4%;}


}

@media only screen and (min-width: 360px) and (max-width: 760px) {

    #dev-fecr-logo {
        padding: 0 16%;
    }

    #dev-founded-by-text {
        padding: 0 10%;
    }

    #home-grid-container-columns {
        grid-template-areas: "home-item-1"
                             "home-item-2";
        transition: .5s;
    }

    .home-item-text {
        padding: 0 10%;
    }

    #home-item-1{padding-top: 4%;}
    #home-item-2{padding-bottom: 4%;}

}

@media only screen and (min-width: 760px) and (max-width: 1280px) {

    #dev-fecr-logo {
        width: 500px;
    }

    #dev-founded-by-text {
        padding: 0 7%;
    }

    #home-grid-container-columns {
        grid-template-areas: "home-item-1 home-item-2";
        transition: .5s;
        padding: 0 5%;
    }

    #home-item-1 {
        margin-right: 50px;
    }

    #home-item-2 {
        margin-left: 50px;
    }

    .home-item-text {
        padding: 0 5%;
    }

}

@media only screen and (min-width: 1280px) and (max-width: 1460px) {

    #home-grid-container-columns {
        grid-template-areas: "home-item-1 home-item-2";
        transition: .5s;
        padding: 0 10%;
    }

    #home-item-1 {
        margin-right: 50px;
    }

    #home-item-2 {
        margin-left: 50px;
    }

    .home-item-text {
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1460px) and (max-width: 1760px) {

    #home-grid-container-columns {
        grid-template-areas: "home-item-1 home-item-2";
        margin: 100px auto;
        transition: .5s;
        padding: 0 15%;
    }

    #home-item-1 {
        margin-right: 50px;
    }

    #home-item-2 {
        margin-left: 50px;
    }

    .home-item-text {
        padding: 0 5%;
    }
}

@media only screen and (min-width: 1760px) and (max-width: 2020px) {

    #home-grid-container-columns {
        grid-template-areas: "home-item-1 home-item-2";
        margin: 100px auto;
        transition: .5s;
        padding: 0 20%;
    }

    #home-item-1 {
        margin-right: 50px;
    }

    #home-item-2 {
        margin-left: 50px;
    }
}

@media only screen and (min-width: 2020px) and (max-width:2400px ) {

    #home-grid-container-columns {
        grid-template-areas: "home-item-1 home-item-2";
        margin: 100px auto;
        transition: .5s;
        padding: 0 15%;
    }

    #home-item-1 {
        margin-right: 50px;
    }

    #home-item-2 {
        margin-left: 50px;
    }

}

@media only screen and (min-width: 2400px) {

    #home-grid-container-columns {
        grid-template-areas: "home-item-1 home-item-2";
        margin: 100px auto;
        transition: .5s;
        padding: 0 25%;
    }

    #home-item-1 {
        margin-right: 50px;
    }

    #home-item-2 {
        margin-left: 50px;
    }
}