// ----------------------------------
//  Head section
// ----------------------------------


.head-section {
    background-color: $brand-color;
    background-image: url(#{$image-path}/header-pattern.jpg);
    margin-bottom: 60px;

    .top-section {
        background-color: $navbar-background;
    }
}


// ----------------------------------
//  Content section
// ----------------------------------


.content-section {
    @extend .container;
    margin-bottom: $footer-height;
}


// ----------------------------------
//  Footer section
// ----------------------------------


.footer-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: $footer-text-color;
    border-top: 1px solid #bcbcbc;
    background-color: $footer-border-color;
    background-image: url(#{$image-path}/footer-pattern.jpg);
}