@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
body{font-family: 'Lora', serif;}
.fp-post-title{font-size: 25px;}
.cta-hp-custom {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #b51111;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;
margin-top: 20px;
}
.img-post-hp
{
width: 300px;
height: 200px;
object-fit: cover;
}
.hp-titlepost h2{
color: red!important;
font-weight: 800!important;
font-size: 25px!important;
}
.hp-titlepost.a:visited {
color: red!important;
font-weight: 800!important;
font-size: 25px!important;
}
.hp-titlepost h4{
margin-bottom: 0;
color: red;
}
.title-h1
{
font-size: 3.5rem!important;
text-align: center;
color: red;
margin-top: 40px;
font-weight: 800!important;
}
.hp-h2
{
font-size: 1.5rem;
font-weight: 600;
}
.vu-h3{
text-align: center;
}
.block-see{
border-top: solid 3px red;
border-bottom: solid 3px red;
background-color:black;
padding-top: 25px;
padding-bottom: 25px;    
color:white!important;
}
.div-hp{
background: #EDEDED;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
}
.div-hp-top{
background: black;
padding-top: 40px;
padding-bottom: 20px;
text-align: center;
color: white;
}
@media screen and (max-width: 640px) {
.title-h1
{
font-size: 2.5rem;
text-align: center;
color: red;
margin-top: 40px;
}
.hp-h2
{
text-align: center;
font-size: 1.3rem;
font-weight: 600;
}
.hp-img-laeti{
max-width: 70%!important;
margin-bottom: 15px;
}
.cta-hp-custom {
margin-bottom: 20px;
}
}