#amenities-founded-by-text {
    margin-top: 50px;
    line-height: 2em;
    padding-top: 5% !important;
}

#amenities-grid-container-columns { 
    display: grid;
    transition: .5s;
    line-height: 2em;
    padding-bottom: 5% !important;
}

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

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

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

.amenities-ul-container {
    text-align: left;
}

.amenities-ul-container ul {
    padding: 0 7%;
}


.amenities-ul-container li {
    margin: 5px 0;
}


.amenities-item-text {
    text-align: left;
    transition: .5s;
    line-height: 2em;
}



@media only screen and (max-width: 360px) {
    
    #amenities-founded-by-text {
        padding: 0 5%;   
    }

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

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

    .amenities-ul-container {
        margin-left: 5%;
    }

}

@media only screen and (min-width: 360px) and (max-width: 760px) { 
    
    #dev-fecr-logo {
        padding: 0 16%; 
    }
    
    #amenities-founded-by-text {
        padding: 0 10%;   
    }

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

    .amenities-item-text {
        padding: 0 10%;
    }
    .amenities-ul-container {
        margin-left: 5%;
    }

}

@media only screen and (min-width: 760px) and (max-width: 1280px) { 
    
    #dev-fecr-logo {
        width: 500px; 
    }
    
    #amenities-founded-by-text {
        padding: 0 7%;   
        font-size: 1.2em;
        line-height: 1.8em;
    }

    #amenities-grid-container-columns {
        grid-template-areas: "amenities-item-1 amenities-item-2"; 
        transition: .5s;
        padding: 0 5%;
    }
   
    #amenities-item-1 {
        margin-right: 50px;
    }

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

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

}

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

    #amenities-founded-by-text {
        padding: 0 12%;   
        font-size: 1.2em;
        line-height: 1.8em;
    }
    
    #amenities-grid-container-columns {
        grid-template-areas: "amenities-item-1 amenities-item-2"; 
        transition: .5s;
        padding: 0 10%;
    }
   
    #amenities-item-1 {
        margin-right: 50px;
    }

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

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

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

    #amenities-founded-by-text {
        padding: 0 16.5%;   
        font-size: 1.2em;
        line-height: 1.8em;
    }

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

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

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

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

    #amenities-founded-by-text {
        padding: 0 20%;   
        font-size: 1.2em;
        line-height: 1.8em;
    }

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

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

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

    #amenities-founded-by-text {
        padding: 0 15%;   
        font-size: 1.2em;
        line-height: 1.8em;
    }

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

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

}

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

    #amenities-founded-by-text {
        padding: 0 25%;   
        font-size: 1.2em;
        line-height: 1.8em;
    }

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

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