// ----------------------------------
//  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");
}