/* -- header --------------------------------------------------------- */
#menu-home {
    background-color: #902021;
    box-shadow: 1px 0px 1px -1px rgba(0,0,0,1) , -1px 0px 1px -1px rgba(0,0,0,0.8);
    color: #eeeeee;
}
/* */
#logo {
    background-color: rgba(200, 200, 200, 0.5);
}
/* -- section - content ---------------------------------------------- */
#below-h1 {
    height: 8px;
}
#cdt-phases {
    display: inline-block;
}
#spiral-img {
    width: 100%;
}
#cdt-scalable {
    display: inline-block;
    vertical-align: top;
}
#cycle-img {
    max-width: 400px;
    width: 100%;
}


/* ------------------------------------------------------- */

@media screen and (min-width: 1050px) {
    #cdt-phases {
        max-width: 680px;
        width: 60%;
    }
    #div-interval {
        display: inline-block;
        width: calc(100% - 1200px);
        min-width: 10px;
    }
    #cdt-scalable {
        max-width: 480px;
        width: 37%;
    }
}
@media screen and (min-width: 651px) {
    #picture {
        background-image: url("../img/banners/home-large.jpg");
    }
}
@media screen and (max-width: 650px) {
    #banner-mobile {
        background-image: url("../img/banners/home-small.jpg");
    }
}