/* start: Header */
header {
    padding: 80px 0;
}
/* end: Header */



/* start: Control */
.control-section {
    background-color: #0a132e;
}
/* end: Control */



/* start: Beyond */
.beyond-section {
    padding-bottom: 0;
}
.beyond-image {
    position: relative;
    top: 20px;
}
/* end: Beyond */



/* start: Features */
.features-image {
    width: 150%;
    position: relative;
    box-shadow: 0 16px 24px -8px rgba(0, 0, 0, .2);
}
.features-image.left {
    left: 0;
}
.features-image.right {
    left: -50%;
}
/* end: Features */







/* start: Breakpoints */
@media (min-width: 992px) {
    .features-image.left {
        left: 32px;
    }
    .features-image.right {
        left: calc(-50%  - 32px);
    }
}
/* end: Breakpoints */