/* -------------------------------------------- */
/* Sen Consult: Teaser Website */
/* Version: 1.0 */
/* -------------------------------------------- */
/* Created by @twotribes, Germany */
/* -------------------------------------------- */
/* StyleSheet Scope: STAGE SETUP */
/* !-------------------------------------------- */
 
/* !-------------------------------------------- */
/* !General layout */
/* !-------------------------------------------- */

.stage {
    background: #fff;
    color: #065656;
    font-size: 15px;
    line-height: 1.3;
}

/* --- Header bar */
.stage:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    height: 72px;
    background: #ebb92a;
}

@media only screen and (max-width: 736px) {
    .stage:before {
        top: 50px;
        height: 54px;
    }
    
    .stage:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50px;
        height: 54px;
        width: 25px;
        background: #fff url("./img/arrow.svg") right center no-repeat;
        background-size: 10px;
        transform: rotateZ(-180deg);
    }
}

.ensemble,
.actor {
    display: block;
    position: relative;
}

/* --- Header */
#actor_nav {
    height: 72px;
    width: 1008px;
    margin: 60px auto 100px auto;
}

@media only screen and (max-width: 736px) {
    #actor_nav {
        height: 54px;
        width: calc(100% - 50px);
        margin: 50px 25px 120px 25px;
    }
}

/* --- Main content */
#ensemble_main {
    margin: 0 auto 0 auto;
    width: 1008px;
}

@media only screen and (max-width: 736px) {
    #ensemble_main {
        width: calc(100% - 50px);
        margin-left: 25px;
        margin-right: 25px;
    }
}

#ensemble_main .actor {
    float: left;
}

#ensemble_main #actor_contact {
    width: 393px;
    margin-right: 60px;
}

#ensemble_main #actor_info {
    width: 510px;
}

@media only screen and (max-width: 736px) {
    #ensemble_main .actor {
        float: none;
    }

    #ensemble_main #actor_contact {
        width: 100%;
        margin: 0 0 40px 0;
    }

    #ensemble_main #actor_info {
        width: 100%;
        padding-bottom: 50px;
    }
}