main{
    padding:2em 0;
}


.allprojects h1{
    color:#2d2d2d;
    font-family:'Manrope';
    font-weight:600;
    font-size:3em;
    margin-bottom:0.5em;
    padding-left:0.2em;
}

.allprojects .projectbox,
.photos .projectbox{
    display:inline-block;
    width:50%;
    background:#000;
    box-sizing: border-box;
    text-decoration:none;
    transition:all 0.2s ease;
    position: relative;
}

.allprojects .projectbox:hover,
.photos .projectbox:hover{
    opacity:0.3;
}


.allprojects .projectbox img,
.photos .projectbox img{
    width:100%;
    height:25em;
    object-fit:cover;
}

.allprojects .projectbox h2{
    color:#fff;
    font-size:1.4em;
    font-weight:300;
    line-height:0;
    padding:1em 2em;
    margin-bottom: 0em;
    margin-top: -2em;
    background:rgba(0,0,0,0.32);
    position: relative;
}


.projectdetails h1{
    color:#4e4e4e;
    font-family:'Manrope';
    font-weight:600;
    font-size:2.6em;
    margin:0.7em 0 1.05em 0;
    padding-left: 0.2em;
}


.pswp__img{
    object-fit:contain;
}


.projectbox .overlay{
    height: 100%;
    width: 100%;
    opacity: 0.0;
    transition: .3s ease;
    background-color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.projectbox .overlay:hover{
    opacity: 0.7;
}

.icon-zoom_icon {
    color:#fff;
    font-size:3em;
    line-height:0;
    position: absolute;
    font-size: 4rem;
    cursor: pointer;
    left: 50%;
    bottom: 40%;
}



/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
/* ============================== MEDIA QUERIES ================================== */



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #mobile-options{
        display:none;
    }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}


/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */




/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}



/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}



/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    main{
        padding-top:8em;
    }

}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .allprojects .projectbox h2{
        padding:1em;
    }

    .allprojects .projectbox,
    .photos .projectbox{
        width:100%;
    }

    .allprojects .projectbox img{
        height:20em;
    }
}


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {


}