76 lines
1.7 KiB
CSS
76 lines
1.7 KiB
CSS
/* Base setup */
|
|
:root {
|
|
--font-primary: 'Open Sans', sans-serif;
|
|
/* default body font */
|
|
--font-secondary: 'Larken', serif;
|
|
/* decorative font */
|
|
--font-tertiary: 'Inter', sans-serif;
|
|
/* for headings or special text */
|
|
}
|
|
|
|
.contact-banner {
|
|
background-image: url(../assests/images/contact-banner.svg);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
height: 65vh;
|
|
}
|
|
|
|
.contact-aling {
|
|
align-items: end;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
padding-bottom: 60px;
|
|
}
|
|
.contact-tittle-banner {
|
|
font-family: var(--font-secondary);
|
|
font-weight: 400;
|
|
font-size: 50px;
|
|
line-height: 60px;
|
|
color: #fff;
|
|
}
|
|
p.contact-text-banner {
|
|
font-family: var(--font-primary);
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 28px;
|
|
color: #fff;
|
|
}
|
|
.invest-contact {
|
|
background-color: #b58b4b;
|
|
clip-path: polygon(0 0, 100% 0, 100% 70%, 90% 100%, 0 100%);
|
|
transition: all 0.3s ease;
|
|
padding: 15px 20px;
|
|
height: 100%;
|
|
display: flex;
|
|
width: 280px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.invest-contact a {
|
|
color: #fff;
|
|
font-family: var(--font-primary);
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
line-height: 100%;
|
|
letter-spacing: 1.2px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.contact-banner {
|
|
background-image: url(../assests/images/mobile-contact.svg);
|
|
padding: 0px 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.contact-banner {
|
|
background-image: url(../assests/images/mobile-contact.svg);
|
|
padding: 0px 20px;
|
|
}
|
|
} |