.site-branding{
    left: 5px;
    top: -30px;
    overflow: hidden
}
.site-logo{
    width: 200px;
}

@media all and (min-width: 1290px) {
.desktop-br{display: none;}
.mobile-br{display: inline;}
}
@media all and (max-width:1289px) {
.desktop-br{display: inline;}
.mobile-br{display: none;}
}
.wall-project .project-title{
    letter-spacing: -0.04em;
}
.big-button a{
    letter-spacing: -1.5px;
}
h4{
    letter-spacing: -0.75px;
}
h3{
    letter-spacing: -0.75px;
}
.widget ul li a{
    color: #e4e4e4;
}
.alioth-page-nav.dark .page-sub-title::after,
body.dark .page-sub-title::after{
    color: #fff;opacity:0.1;
}
body.dark form textarea{
    background-color: rgba(0,0,0,0);
    color: #fff;
}
.aph-details{
    z-index: 99;
}

@media screen and (max-width: 820px) {
.aph-name{
    left: 0%;
    }
}

@media (min-width: 821px) {
.aph-name{
    font-size: 15vw;
    line-height: 2em;
    left: 55%;
    }
.aph-sub-text{
    right: 20%;
    }
}/*------------------------------------------------------------------
## Portfolio Description
-------------------------------------------------------------------**/
.project-details{
    display: block;
    max-width: 1500px;
    margin: auto;
    overflow: hidden
}

/*------------------------------------------------------------------
## Massive menu
-------------------------------------------------------------------**/

@media(max-width:767px) {
.project-title{
        font-size: 6rem;letter-spacing:-4.5px;
    }
}
.site-navigation.fullscreen .menu.main-menu > li.menu-item{
    font-size: 5vh;
    line-height: 5.5vh;
}
.site-navigation.fullscreen ul ul li{
    font-size: 5vh;
    line-height: 5.75vh;
}
.menu-widget-right{right: 0; bottom: 12%;}
.sub-back.is-active{opacity: 0.4;visibility: visible;top: 15%;}
.sub-back{font-size: 40px; top: 10%}/*------------------------------------------------------------------
## Additional breakpoints
-------------------------------------------------------------------**/
.page-title :is(h1,.former-h1).big-title{
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 10vh;
    font-size: 9vh;
}/*------------------------------------------------------------------
## Hacks for shitty text margins
-------------------------------------------------------------------**/
.elementor-section.wrapper-wide .elementor-container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}

@media only screen and (max-width: 576px) {
.elementor-section.wrapper-wide .elementor-container{
        max-width: 100%;
        margin-bottom: 25px;
    }
.elementor-section.wrapper-smaller .elementor-container{
        max-width: 90%;
        margin-bottom: 25px;
    }
.elementor-section.wrapper-small .elementor-container,
    .elementor-section.wrapper-wide .elementor-container{
        width: 95%;
    }
    
}

@media only screen and (min-width: 576px) {
.wrapper-small{
        max-width: 95%;
    }

}

@media only screen and (min-width: 768px) {
.wrapper-small{
        max-width: 95%;
    }

}

@media only screen and (min-width: 992px) {
.wrapper-small{
        max-width: 960px;
    }

}


@media only screen and (min-width: 1200px) {
.wrapper-small{
        max-width: 1200px;
    }

}

@media only screen and (min-width: 1600px) {
.wrapper-small{
        max-width: 1500px;
    }

}

/*------------------------------------------------------------------
## Additional breakpoints
-------------------------------------------------------------------**/

@media screen and (max-width: 389px) {
.aph-image{
    width: 500px;
    }
}	

@media (min-width: 389px) and (max-width: 768px) {
.aph-image{
    width: 550px;
    }
}			

@media (min-width:768px) {
.aph-image{
    width: 900px;
    }
}
form > div > label{
    left: 0px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea{
    padding: 30px 0 30px 0;
    background: #ebebeb00;
}
input:-internal-autofill-selected{
    background: #ebebeb00;!important
}