h1{font-size: 3em;transform-origin: left;color: var(--primary-color);text-transform: uppercase;}
h1,h2{text-align: center;}h2{color: var(--primary-color);}
.main-img{display: block;border-radius: 30px;margin: 0 auto;width: 80%;}
p{text-align: justify;text-align-last: center;padding: 0 10%;font-size: 13px;}
.cards-container,.card{display: flex;align-items: center;justify-content: center;}
.cards-container{gap: 5vh;padding: 5% 10%;flex-wrap: wrap;}
.card{flex-direction: column;gap:2vh;border: 2px solid var(--primary-color);width: 90%;padding: 2%;}
.card,.card img{border-radius: 30px;}
.card h2,.card p{margin: 0;}
.card img{width: 100%;border: 2px solid var(--primary-color);}
.card a{text-decoration: none;color: white;background-color: var(--primary-color);padding: 5px 10px;border-radius: 30px;}
@media only screen and (min-width: 600px) {
p{font-size: 16px;}h1{font-size: 4em;}
}
@media only screen and (min-width: 992px) {
.cards-container{align-items: flex-start;gap: 5vw;row-gap: 5vh;padding: 2% 10%;}
.card{width:40%;}.main-img{width: 60%;}.main-p{padding: 0 20%;}
}
@media only screen and (min-width: 1700px) {
.main-img{width: 40%;}h1{font-size: 6em;margin: 5vh 0;}
}