feat: alterações 4k e 680a 1025px
This commit is contained in:
parent
d50aecb21c
commit
6cd877b683
@ -130,7 +130,6 @@ body {
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
margin: 0 4%;
|
||||
width: 92.5vw;
|
||||
padding-top: 7%;
|
||||
max-width: 100%;
|
||||
gap: 16px;
|
||||
@ -341,10 +340,10 @@ body {
|
||||
.page-footer {
|
||||
padding: 20px 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1026px) {
|
||||
@media screen and (min-width: 1025px) {
|
||||
.main-banner-mobile {
|
||||
display: none;
|
||||
}
|
||||
@ -358,11 +357,100 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 680px) and (max-width: 1025px) {
|
||||
.main-banner-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-banner-desktop {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.bottom-infocard-desktop {
|
||||
display: block;
|
||||
margin: 0 250px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.bottom-infocard-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bottom-banner-image-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bottom-banner-image-desktop {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.bottom-infocard-group {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bottom-infocard-group {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bottom-infocard-tittle {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.bottom-infocard-paragraph {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.bottom-card {
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.top-infocard-subtitle {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.top-infocard-image {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2000px) {
|
||||
.middle-banner-desktop {
|
||||
width: 0%;
|
||||
}
|
||||
|
||||
|
||||
.top-infocard-title {
|
||||
font-size: 70px;
|
||||
}
|
||||
|
||||
.top-infocard-subtitle {
|
||||
font-size: 50px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.top-infocard-description {
|
||||
font-size: 22px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.top-card-description {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.bottom-card-text {
|
||||
font-size: 22px;
|
||||
margin: 0 5px 10px;
|
||||
}
|
||||
|
||||
.bottom-infocard-tittle {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
.bottom-infocard-paragraph {
|
||||
font-size: 26px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.middle-banner-group {
|
||||
padding: 0 15%;
|
||||
top: 35%;
|
||||
|
Loading…
Reference in New Issue
Block a user