app/assets/stylesheets/components/custom_header.scss
.custom-header {
background: $color-gold;
height: 500px;
left: 0;
position: relative;
top: 75px;
width: 100%;
.blocks-container {
padding: 0 11%;
.text-side {
padding-top: 60px;
p {
padding-right: 50px;
}
}
.image-side {
img {
height: 570px;
margin-left: -110px;
margin-top: -70px;
}
}
}
}
@include respond-to(small) {
.custom-header {
top: 54px;
.blocks-container {
padding: 0 4%;
.text-side {
p {
padding-right: 0;
}
}
.image-side {
display: none;
}
}
}
}