:root {
–theme-red: #D1412F;
–theme-pink: #FFE0DC;
}
body, p {
font-size: 1.6rem;
color: #59595F;
}
p {
line-height: 2;
}
h1, h2, h3, h4 {
color: #000;
text-transform: uppercase;
}
h1 {
font-size: 4.5rem;
margin-bottom: 3rem;
}
h2 {
font-size: 3rem;
font-weight: 800;
margin-bottom: 3rem;
}
h3 {
font-size: 2.5rem;
margin-bottom: 2rem;
}
h4 {
font-size: 2rem;
margin-bottom: 1.5rem;
}
.brxe-container {
width: 1300px !important;
}
header#brx-header {
background: linear-gradient(#000, #999), rgba(0,0,0,0.8);
padding: 1rem 0;
}
header#brx-header,
header#brx-header p,
header#brx-header a,
header#brx-header h2,
header#brx-header span.title {
color: #FFF;
}
footer#brx-footer {
background-color: #000;
}
footer#brx-footer p,
footer#brx-footer h2,
footer#brx-footer span.title {
color: #FFF;
}
footer#brx-footer h2 {
font-size: 2.5rem;
text-transform: uppercase;
}
#get-in-touch .icon {
color: var(–theme-red);
}
.bricks-button {
text-transform: uppercase;
font-weight: bold;
font-size: 2rem;
padding: 0.75rem 3rem;
border-radius: 1.2rem;
margin: 3rem 0;
}
.bricks-button.bricks-background-primary {
background-color: var(–theme-red);
color: #FFF;
}
#footer-copyright-text a {
color: var(–theme-red);
pointer-events: none;
}
#get-in-touch ul li {
margin-bottom: 1.5rem;
}
#front-top-highlighted {
transform: skew(0deg, 4deg);
}
#front-top-highlighted-container {
transform: skew(0deg, -4deg);
}
#front-bottom-highlighted {
transform: skew(0deg, -4deg);
}
#front-bottom-highlighted-container {
transform: skew(0deg, 4deg);
}