digital-theory/sesame-vitejs/sesame/src/assets/styles/_15-full-creative.scss

68 lines
953 B
SCSS

#full_creative {
background: white;
min-height: 120vh;
.title {
font-family: 'GT Walsheim Pro';
font-weight: 600;
font-size: 100px;
line-height: 90px;
text-align: center;
letter-spacing: -0.04em;
padding-top: 10rem;
margin-bottom: 5rem;
}
.columns {
text-align: left;
}
.sub-title {
font-family: 'GT Walsheim Pro';
font-style: normal;
font-weight: 500;
font-size: 2rem;
line-height: 100%;
letter-spacing: -0.04em;
color: #020225;
margin-bottom: 1rem;
+ .sub-title {
margin-top: 2rem;
}
}
p {
font-weight: 400;
font-size: 16px;
line-height: 110%;
margin-bottom: 4rem;
padding-right: 2rem;
}
img{
max-width: 80vw;
}
}
@media all and (max-width: 1500px) {
#full_creative {
padding-bottom: 20rem;
.title{
padding: 2rem;
}
.column{
padding: 2rem;
p{
font-size: 1.5rem;
}
}
.column, .columns {
display: block;
}
img{
margin-bottom: 15rem;
}
}
}