*{
    margin: 0; padding: 0;
    box-sizing: border-box;
    font-family: Montserrat;
    text-transform: capitalize;
    transition:all .2s cubic-bezier(.34,1.12,.68,1.31);
}

.gallery{
    min-height: 100vh;
    background:#eee;
    padding-bottom: 100px;
}

.gallery .controls{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding:20px 0;
    list-style: none;
    border-bottom:1px solid #545454;
}

.gallery .controls .buttons{
    height:40px;
    /*width: 260px;*/
    padding: 0 20px;
    background:#fff;
    color:black;
    font-size: 13px;
    line-height: 40px;
    cursor: pointer;
    margin:5px;
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
    text-align: left;
}

.gallery .controls .buttons.active{
    background:#086536;
    color:#fff;
}

.gallery .image-container{
    display: flex;
    /*align-items: center;*/
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    /*margin-left:50px;*/
    width:87%;
    margin:0 auto;
}

.gallery .image-container .image{
    height:250px;
    width: 350px;
    overflow: hidden;
    border:3px solid #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
    margin: 20px;
}

.gallery .image-container .image img{
    height: 100%;
    width:100%;
    object-fit: cover;
}
.gallery1 .image-container1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /*margin-left:50px;*/
    width:90%;
    margin:0 auto;
}
.box{
    width:350px;
    height:250px;
    margin:20px;
}
.gallery1 .image-container1 .box .image1{
    height:250px;
    width: 350px;
    overflow: hidden;
    border:3px solid #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,.3);

}

.gallery1 .image-container1 .box .image1 img{
    height: 100%;
    width:100%;
    
}


.gallerytitle{
    margin-top:35px;
    font-size: 23px;
    color: #141d1e;
    font-family: 'Montserrat';
    text-transform: uppercase;
} 
    

.gallery .image-container .image:hover img{
    /*transform: scale(1.4);*/
}