html {
    scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

#my-services-filter{
    display: none;
}

.grid-sizer,
.grid-project {
    /*width: 33.33%;*/
    /*padding: 5px;*/
}
@media screen and (max-width: 414px){
    .grid-project {
        /*width: 100%;*/
        /*padding: 5px;*/
    }
    #my-services-filter{
        display: block;
    }
    #services{
        display: none;
    }
}

/*.grid-project{*/
/*    float: left;*/
/*    &:hover{*/
/*         cursor:pointer;*/
/*    }*/
/*}*/
.grid-project .card{
    display: block;
    max-width: 100%;
    border: 10px solid white;
}
@media screen and (max-width: 414px){
    .grid-project .card {
        border: 5px solid white;
    }
}

.grid-project.grid-project__expanded {
    width: 66.66%;
    z-index: 2;
}