56 lines
977 B
CSS
56 lines
977 B
CSS
|
/* Info */
|
||
|
|
.main__product {
|
||
|
|
max-width: 752px;
|
||
|
|
min-height: 530px;
|
||
|
|
margin-top: 90px;
|
||
|
|
padding-bottom: 30px;
|
||
|
|
}
|
||
|
|
.info__title {
|
||
|
|
color: #a721fa;
|
||
|
|
font-size: 90px;
|
||
|
|
font-weight: 800;
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
.info__title {
|
||
|
|
margin-top: 30px;
|
||
|
|
font-size: 50px;
|
||
|
|
}
|
||
|
|
}@media (max-width: 479px) {
|
||
|
|
.info__title {
|
||
|
|
font-size: 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.info__text {
|
||
|
|
margin-top: 30px;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 25px;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 1.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Button */
|
||
|
|
.main__button {
|
||
|
|
max-width: 263px;
|
||
|
|
min-height: 60px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #a721fa;
|
||
|
|
margin-top: 50px;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 20px;
|
||
|
|
font-weight: 700;
|
||
|
|
border-radius: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Image */
|
||
|
|
.banner__img {
|
||
|
|
max-width: 400px;
|
||
|
|
max-height: 377px;
|
||
|
|
}
|
||
|
|
@media (max-width: 650px) {
|
||
|
|
.banner__img {
|
||
|
|
max-width: 219px;
|
||
|
|
max-height: 177px;
|
||
|
|
}
|
||
|
|
}
|