<div class="title">
<h1>You're all signed up</h1>
</div>
<div class="description">
<p>As a VIP, you'll be the first to know about all things Aston. Starting with our brochure.</p>
<p><a href="/-/media/Project/Mirvac/LIVMirvac/Documents/Aston/20240903 LIV_014_LIV_Aston_Brochure_V17 v2.pdf" download="" target="_blank" aria-label="DOWNLOAD BROCHURE - open in a new tab" data-uw-rm-ext-link="" uw-rm-external-link-id="https://www.livmirvac.com/-/media/project/mirvac/livmirvac/documents/aston/20240903%20liv_014_liv_aston_brochure_v17%20v2.pdf$downloadbrochure" data-uw-pdf-br="1" data-uw-pdf-doc=""> DOWNLOAD BROCHURE </a></p>
</div> <style>
:root {
--color1: #183837;
--color2: #fdfdf3;
--color3: #d4f685;
--color4: #173836;
}
header.boutique-nav--1 {
background-color: var(--color4) !important;
}
/* Hero banner background */
.liv-albert .hero-banner-one__image {
background-color: var(--color1) !important;
}
/* Hero title */
.liv-albert div.hero-banner-one__text h1 {
text-align: center;
font-family: Jost;
font-size: 50px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 49px;
text-transform: uppercase;
color: var(--color3) !important;
padding-bottom: 20px;
padding-top: 80px;
}
/* Hero description */
.liv-albert .hero-banner-one__overlay-wrapper p {
text-align: center;
font-family: Jost;
font-size: 25px !important;
font-style: normal;
font-weight: 500;
line-height: 35px;
margin: 0;
color: var(--color2) !important;
padding-bottom: 20px;
}
/* Hero height */
.lv-albert .hero-banner-one.h-620 {
height: clamp(280px, 45vh, 620px);
}
.liv-albert .hero-banner-one__overlay .hero-banner-one__description {
max-width: 700px;
}
/* Mobile adjustments */
@media (max-width: 768px) {
.hero-banner-one.liv-albert {
min-height: 200px;
}
.liv-albert div.hero-banner-one__text h1 {
font-size: 32px !important;
line-height: 35px;
padding-top: 200px;
margin: 0 10px;
margin-bottom: 10px;
}
.liv-albert .hero-banner-one__overlay-wrapper p {
line-height: 22px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 15px;
margin: 0 1px;
font-size: 20px !important;
margin-bottom: 20px;
}
.liv-albert .hero-banner-one__overlay-wrapper {
padding: 0 !important;
}
.lv-albert .hero-banner-one__image img {
object-fit: contain;
background: #fff;
}
}
.liv-albert .hero-banner-one__overlay .hero-banner-one__description a {
background-color: #cfd798;
transition: background-color 0.5s ease-in-out;
}
.liv-albert .hero-banner-one__overlay .hero-banner-one__description a {
background-color: var(--color3);
color: var(--color4);
border-radius: 2px;
padding: 10px 20px;
font-size: 16px;
font-weight: 500;
line-height: normal;
text-decoration: none;
}
</style>