header {
box-shadow: 0px 0px 27px 0px #888888;
}
.default-button {
font-size: 0.9rem;
}
.default-button.arrow {
padding: 32px 160px 31px 72px;
}
.default-button,
.default-button.arrow::after,
header .box .menu ul li a {
transition: all 0.2s ease;
}
.default-button:hover {
background-color: #525252;
}
.default-button.arrow:hover::after {
right: 52px;
}
header .box .menu ul li:hover a {
color: #6F6F6F;
}
header .box .top p a:hover {
text-decoration: underline!important;
}
.projects .projects-box .project p,
.projects-archive .projects-box .item p {
font-size: 0.8rem;
padding: 0 60px;
}
.intro {
background-position: center;
background-size: cover;
}
.projects-details .projects-details-box .desc h2 {
font-size: 0.9rem;
font-weight: 600;
line-height: 1.267rem;
letter-spacing: 0.06em;
}
.projects-details .projects-details-box {
position: block;
}
.projects-details .projects-details-box .desc {
position: -webkit-sticky;
position: sticky;
top: 170px;
}
.projects-details .projects-details-box .details-images img:nth-child(1),
.projects-details .projects-details-box .details-images img:nth-child(2),
.projects-details .projects-details-box .details-images img:nth-child(3) {
height: auto;
}
.projects-details .projects-details-box .desc p {
font-size: 0.8rem;
width: 85%;
opacity: 0.5;
line-height: 1.5rem;
}
.projects-archive + footer .footer-content .logo, .projects-details + footer .footer-content .logo {
max-width: 125px;
margin-right: 30px;
}
.projects-details {
padding-left: 50px;
padding-right: 50px;
}
.projects-details .projects-details-box {
align-items: flex-start;
}
.projects-details .projects-details-box .desc h2 {
margin-bottom: 30px;
}
.projects-details .projects-details-box .desc .socials,
.projects-details .projects-details-box .desc .default-button {
margin-top: 65px;
}
header .box .menu ul li a {
font-weight: 500;
}
.desc.desc-full {
margin-bottom: 80px;
}
.projects-box {
}
@media (max-width: 768px) {
header .logo img {
max-width: 200px;
width: 60%;
}
header .box .menu ul li a {
padding: 0;
font-size: 0.9rem;
font-weight: 600;
}
.projects-details .projects-details-box .desc {
position: relative;
}
header .box .menu ul {
margin-top: 40px;
}
.intro {
margin-top:-35px;
}
.intro {
padding: 200px 6.385vw 200px 6.385vw;
}
.projects-details .title {
margin-top: 30px;
}
.projects-details .projects-details-box {
margin-bottom:70px;
position: relative;
display: block;
}
.projects-details .projects-details-box .desc {
position: relative!important;
top:0;
}
.projects-details {
padding-left: 6.385vw;
padding-right: 6.385vw;
}
header .box .menu.show {
top: 120px;
}
}