/* Desktop View */
.container-for-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    padding-bottom:20px;
}


/* .hide-desktop-only {
    display: none;
}
*/


.container-for-images img{
    box-shadow: 4px 4px 6px  #2e5c46;
    border-radius:4px;
}
.container-for-images img:hover{
    box-shadow: 5px 5px 7px  rgb(221, 251, 234);
    padding-right:2px;
    padding-top:2px;
    transition-duration:0.1s;
}
.dont-show-very-small{
    display:none;
}

.dont-show-small{
    display:none;
}

.dont-show-medium-and-xl{
    display:none;
}

.dont-show-large{
    display:none;
}

.dont-show-very-large{
    display:none;
}

.good{
    display:none;
}
.goodGood{
    display: none;
}

@media only screen and (min-width: 0px) and (max-width: 575px){
    .dont-show-very-small{
        display:block;
        padding-top:15px;
    }
    .good{
        display:block;
        color:black;
        text-align: left;
    }
    .good h3{
        text-align: center;
        font-size:1.5rem;
        color:black;
        font-weight:bold;
        text-shadow: 1px 1px 1px rgb(187, 241, 165);
        font-family: "Abril Fatface", cursive;
        
    }
    .good p{
        font-family:"Open Sans", sans-serif;
        font-size:1.15rem;
        line-height: 1.25rem;
    }
    }



@media only screen and (min-width: 576px) and (max-width: 768px){
    .dont-show-small{
        display:block;
    }
    .container-for-images img{
        margin-top:35px;
    } 
    .goodGood{
        display:block;
        color:black;
        text-align: left;
    }
    .goodGood h3{
        text-align: center;
        font-size:1.5rem;
        color:black;
        font-weight:bold;
        text-shadow: 1px 2px 3px rgb(179, 245, 173);
        font-family: "Abril Fatface", cursive;
        
    }
    .goodGood p{
        font-family:"Open Sans", sans-serif;
        font-size:1.15rem;
        line-height: 1.25rem;
    }
    }

@media only screen and (min-width: 769px) and (max-width: 991px){
.dont-show-medium-and-xl{
    display:block;
}
.container-for-images img{
    margin-top:20px;
}

}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .dont-show-large{
        display: block;
    }
    .container-for-images img{
        margin-top:50px;
    }
    }

@media only screen and (min-width: 1199px) and (max-width: 1399px){
    .dont-show-medium-and-xl{
        display:block;
    }
    .container-for-images img{
        margin-top:45px;
    }
    }

@media only screen and (min-width: 1400px) and (max-width: 3456px){
    .dont-show-very-large{
        display:block;
    }
    .container-for-images img{
        margin-top:45px;
    }
}