@media screen and (min-width: 960px) and (orientation: landscape){



section#a-projects>.container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(50, 2%);
    grid-template-rows: repeat(25, 4%);
}

/*section#a-projects .slider .slide {
    display: grid;
    grid-template-columns: repeat(50, 2%);
    grid-template-rows: repeat(25, 4%);
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}*/

section#a-projects .title {  
    font-family: Architectural;
    font-style: normal;
    font-weight: normal;
    font-size: 144rem;
    line-height: 100%;
    letter-spacing: 0.015em;
    position: fixed;
    left: 25.54%;
    top: 132rem;
    transform: translateX(-50%);
    max-width: 38%;
    pointer-events: none;

    /*grid-column-start: 4;
    grid-column-end: 24;
    grid-row-start: 5;
    grid-row-end: 9;*/ 
}

#a-projects .content-items{
    padding:128rem 8% 13rem 51%;
}

/*section#a-projects .slider .slide.--current {
    z-index: 5;
    display: grid;
}

section#a-projects .slider .slide .container {
    overflow: hidden;
    transform: translateX(-110%);
    position: relative;
}

section#a-projects .slider .slide .container .item {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateX(110%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0% 50% 0px;
}*/

section#a-projects .more{
    display:inline-block;
    margin-top:1.4em;
    text-transform: uppercase;
    text-decoration:underline;

    opacity: 0;
    transition:0.5s ease;

    font-family: PT Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 18rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
}
section#a-projects .item *:hover .more, 
section#a-projects .item:hover .more{
    opacity: 1; 
}

section#a-projects .slider .slide.--current .container {
    transform: translateX(0%);
}

section#a-projects .slider .slide.--current .container .item {
    transform: translateX(0%);
}

section#a-projects .item h3 {
    margin: 0 0 1em 0;
    font-family: Druk Text Wide Cyr;
    font-style: normal;
    font-weight: 500;
    font-size: 24rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
}

/*section#a-projects .slider .slide.--current .container .item .content {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 16rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    display:block;
}*/

/*
section#a-projects .item.one {
    grid-column-start: 26;
    grid-column-end: 48;
    grid-row-start: 6;
    grid-row-end: 11;
}

section#a-projects .item.two {
    grid-column-start: 4;
    grid-column-end: 23;
    grid-row-start: 15;
    grid-row-end: 24;
}

section#a-projects .item.three {
    grid-column-start: 26;
    grid-column-end: 48;
    grid-row-start: 15;
    grid-row-end: 24;
}
*/
/*
#a-projects .item-content{
    padding: 44rem; 
    margin: -44rem; 
    background: transparent;
    transition:  0.3s;
}
#a-projects .item-content:hover a, 
#a-projects .item-content:hover{
    color:black;
    transition:  0.5s;
}
#a-projects .item.one .item-content:hover{
    
    background: #DBCDF0;
}
#a-projects .item.two .item-content:hover{
     
    background: #F2C6DE;
}
#a-projects .item.three .item-content:hover{
    
    background: #C6DEF1;
}

.light #a-projects .item-content:hover{
    box-shadow: 0 0 24rem rgba(0, 0, 0, 0.25);
}
.dark #a-projects .item-content:hover{
    box-shadow: 0 0 24rem #F8F8F8;
}
*/

#a-projects .item{
    margin-bottom:34rem;
}
#a-projects .item-content{
    padding: 38rem 44rem; 
    margin: -38rem -44rem; 
    background: transparent;
    transition:  0.5s;
}
.light #a-projects .item-content:hover{
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
}
.dark #a-projects .item-content:hover{
    background: #000000;
    box-shadow: 0px 0px 55px rgba(255, 255, 255, 0.18);
}




}