#home_donna_cuori {
background-color: #F1F1F1;
color: black;
}
#home_donna_cuori h1 {
padding-top: 139px;
color: #CB0034;
font-weight: 600;
font-size: 4rem;
line-height: 66px;
}
#home_donna_cuori p {
font-weight: 400;
font-size: 24px;
line-height: 32px;
}
#immagine_libro {
height: 681px;
background-repeat: no-repeat; background-position: top right -122px;
}
.button_ghost_white {
width: 184px;
}
.div_immagine_libro_mobile{
display: none;
} .div_buttons_libro{
display: flex;
justify-content: start;
}
#contact_form{
background-image: linear-gradient(243.49deg, #B7141B 18.2%, #810018 91.51%);
color: var(--white);
}
#contact_form .container_sfondo{
background-image: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/cuori_contact_form.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: auto 55%;
padding: var(--p-head) 0 var(--p-120) ;
}
#home_donna_cuori + #contact_form .container_sfondo{
padding-top: var(--p-120);
}
@media only screen and (max-width: 1490px) {
#immagine_libro {
background-position: top right -188px;
}
}
@media only screen and (max-width: 1344px) {
#immagine_libro {
background-size: 75%;
background-position-y: 150px;
}
}
@media only screen and (max-width: 1289px) {
#immagine_libro{
background-position: 423px 188px ;
background-size: 893px 644px; }
#immagine_libro .container{ }
#contact_form .container_sfondo{
background-image: url(//www.clubdipiu.com/wp-content/themes/clubdipiu/assets/img/hearts-mobile.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}
}
@media all and (max-width: 980px) {
#immagine_libro {
background-size: 77%;
background-position: 354px 260px;
}
}
@media only screen and (max-width: 770px) {
.div_buttons_libro{
justify-content: center;
}
#home_donna_cuori h1 {
text-align: center;
padding: 99px 13px 0px 12px;
margin-bottom: 32px;
line-height: 134%;
font-size: 2rem;
}
#home_donna_cuori p {
margin: auto;
width: 85%;
font-weight: 400;
text-align: center;
font-size: 18px;
line-height: 24px;
padding-left: 13px;
padding-right: 13px;
}
#immagine_libro {
background-image: none !important;
}
.div_immagine_libro_mobile {
display: block;
}
.div_immagine_libro_mobile img{
margin-top: 47px;
display: block;
margin-left: auto;
margin-right: auto;
}
#immagine_libro{
height: auto;
}
}