@media (max-width:768px) {
    #book-session {
        background: #efeeea!important;
        border: solid 5px #9a6423;
        height: auto;
        border-radius: 15px
    }
    .form-text{
        text-align: center;
    }
}

@media (min-width:768px) {
    .diagrama-compuesto > div:nth-child(2) {
        top: 14px;
        width: 231px;
    }
    .diagrama-compuesto > div:nth-child(3) {
        top: 215px;
        width: 230px;
    }
    .diagrama-compuesto > div:nth-child(4) {
        top: 0px;
        left: 61%;
        width: 230px;
    }
    .diagrama-compuesto > div:nth-child(5) {
        top: 89px;
        left: 56%;
        width: 265px;
    }
    .diagrama-compuesto > div:nth-child(6) {
        top: 152px;
        left: 66%;
        width: 194px;
    }
}

@media (min-width:769px) and (max-width: 991px){
    form{
        overflow-y: auto;
        max-height: 460px;
    }
}

@media (min-width:992px) {
    .diagrama-compuesto > div {
        width: 100%;
    }
    .diagrama-compuesto > div:nth-child(2) {
        top: 14px;
        width: 231px;
        left: 9%;
    }
    .diagrama-compuesto > div:nth-child(3) {
        top: 303px;
        width: 230px;
        left: 5%;
    }
    .diagrama-compuesto > div:nth-child(4) {
        top: 21px;
        left: 63%;
        width: 230px;
    }
    .diagrama-compuesto > div:nth-child(5) {
        top: 131px;
        left: 56%;
        width: 265px;
    }
    .diagrama-compuesto > div:nth-child(6) {
        top: 260px;
        left: 71%;
        width: 194px;
    }

    .diagrama-compuesto > div > audio {
        position: absolute;
        width: 100%;
        transform: scale(0.8);
    }
    .diagrama-compuesto > div:nth-child(2) > audio,
    .diagrama-compuesto > div:nth-child(3) > audio{
        left: -12%;
    }
    .diagrama-compuesto > div:nth-child(4) > audio,
    .diagrama-compuesto > div:nth-child(5) > audio {
        left: 8%;
    }
    body.login {
        background-size: cover;
    }
}