.event_velo {
    height: 500px;
    /*background-color:red;*/
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url("../img/landing_invitaciones.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.event_velo2 {
    height: 500px;
    /*background-color:red;*/
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url("../img/landing7.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.event_velo3 {
    height: 500px;
    /*background-color:red;*/
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url("../img/landing_eventos_virtuales4.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.event_center_info {
    display: flex;
    flex-direction: column;
}

.event_center_info .h1 {
    font-weight: bold;
    font-size: 3.5em;
    text-align: center;
}

.event_center_info p, .event_center_info h1, .event_center_info .secondary-title {
    font-weight: 400;
    font-size: 1.8em;
    text-align: center;
    color: white;
    margin: 0 0 10px;
    display: block;
}

.event_center_info a {
    width: 50%;
    align-self: center;
    margin-top: 20px;
}

.landing_event_start_list_guest {
    display: flex;
    flex-direction: row-reverse;
    height: 400px;
    margin-top: 70px;
    padding: 0 20px;
    margin-bottom: 70px;
}


.landing_event_start_list_guest .right-col {
    padding: 0 10%;
    align-self: center;

}

.landing_event_start_list_guest .right-col h2 {
    padding: 20px 0;
}

.landing_event_start_list_guest img {
    max-width: 50%;
    box-shadow: 20px 18px 15px -8px #00000038;
}

.landing_event_start_list_guest_statistics {
    display: flex;
    flex-direction: row;
    height: 500px;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 0 30px;
}

.landing_event_start_list_guest_statistics .right-col {
    padding: 0 10%;
    align-self: center;
}

.landing_event_start_list_guest_statistics .right-col h2 {
    padding: 20px 0;
}

.landing_event_start_list_guest_statistics img {
    max-width: 50%;
    box-shadow: -20px 20px 15px -8px #00000038;

}

.landing_event_start_gif  {
    display: flex;
    flex-direction: row;
    height: 520px;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 0 30px;
}
.landing_event_start_gif .right-col {
    padding: 0 10%;
    align-self: center;
}

.landing_event_start_gif .right-col h2 {
    padding: 20px 0;
}

.landing_event_start_gif img {
    max-width: 140%;
    overflow:hidden;
    /*box-shadow: -20px 20px 15px -8px #00000038;*/

}

.landing_event_start_contract_professionals {
    display: flex;
    flex-direction: row-reverse;
    height: 400px;
    margin-top: 70px;
    padding: 0 20px;
    margin-bottom: 70px;
}

.landing_event_start_contract_professionals .right-col {
    padding: 0 10%;
    align-self: center;

}

.landing_event_start_contract_professionals .right-col h2 {
    padding: 20px 0;
}

.landing_event_start_contract_professionals img {
    max-width: 50%;
    box-shadow: 20px 18px 15px -8px #00000038;
}

.landing_event_start_list_videomeeting {
    display: flex;
    flex-direction: row;
    height: 400px;
    margin-top: 70px;
    padding: 0 20px;
    margin-bottom: 70px;
}


.landing_event_start_list_videomeeting .right-col {
    padding: 0 10%;
    align-self: center;

}

.landing_event_start_list_videomeeting .right-col h2 {
    padding: 20px 0;
}

.landing_event_start_list_videomeeting img {
    max-width: 50%;
    box-shadow: 20px 18px 15px -8px #00000038;
}

.landing_event_start_list_guest_resume {
    display: flex;
    flex-direction: row-reverse;
    height: 500px;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 0 30px;
}

.landing_event_start_list_guest_resume .right-col {
    padding: 0 10%;
    align-self: center;
}

.landing_event_start_list_guest_resume .right-col h2 {
    padding: 20px 0;
}

.landing_event_start_list_guest_resume img {
    max-width: 50%;
    box-shadow: -20px 20px 15px -8px #00000038;

}

@media (min-width: 601px) and (max-width: 730px) {
    .landing_event_start_list_guest {
        flex-direction: column;
        margin-bottom: 250px;
        height:500px;
        margin-top:0px;
    }

    .landing_event_start_list_guest img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_guest_statistics {
        flex-direction: column;
        margin-bottom: 40px;
        height:700px;
        margin-top:0px;
    }

    .landing_event_start_gif {
        flex-direction: column;
        margin-bottom: 120px;
        height:700px;
        margin-top:0px;
        width:100%;
        overflow:hidden;
    }

    .landing_event_start_list_guest_statistics img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }
    .landing_event_start_gif img {
        max-width: 140%;
        overflow:hidden;

    }

    .landing_event_start_contract_professionals {
        flex-direction: column;
        margin-bottom: 150px;
        height:480px;
        margin-top:0px;
    }

    .landing_event_start_contract_professionals img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_videomeeting {
        flex-direction: column;
        margin-bottom: 150px;
        height:400px;
        margin-top:0px;
    }

    .landing_event_start_list_videomeeting img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_guest_resume {
        flex-direction: column;
        margin-bottom: 80px;
        height:800px;
        margin-top:0px;
    }

    .landing_event_start_list_guest_resume img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .event_center_info .h1 {
        font-weight: bold;
        font-size: 3.0em !important;
        text-align: center;
    }

    .contain-invitation-text h1 {
        font-size: 2.5em;
    }

    .event_center_info p, .event_center_info h1, .event_center_info .secondary-title {
        font-weight: 400;
        font-size: 1.0em !important;
        text-align: center;
        color: white;
    }
}

@media (min-width: 421px) and (max-width: 600px) {
    .landing_event_start_list_guest {
        flex-direction: column;
        margin-bottom: 300px;
        height:400px;
        margin-top:0px;
    }

    .landing_event_start_list_guest img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_guest_statistics {
        flex-direction: column;
        margin-bottom: 40px;
        height:600px;
        margin-top:0px;
    }

    .landing_event_start_gif {
        flex-direction: column;
        margin-bottom: 120px;
        height:600px;
        margin-top:0px;
        width:100%;
        overflow:hidden;
    }

    .landing_event_start_list_guest_statistics img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }
    .landing_event_start_gif img {
        max-width: 140%;
        overflow:hidden;

    }

    .landing_event_start_contract_professionals {
        flex-direction: column;
        margin-bottom: 100px;
        height:500px;
        margin-top:0px;
    }

    .landing_event_start_contract_professionals img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_videomeeting {
        flex-direction: column;
        margin-bottom: 100px;
        height:400px;
        margin-top:0px;
    }

    .landing_event_start_list_videomeeting img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_guest_resume {
        flex-direction: column;
        margin-bottom: 40px;
        height:800px;
        margin-top:0px;
    }

    .landing_event_start_list_guest_resume img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .event_center_info .h1 {
        font-weight: bold;
        font-size: 2.5em !important;
        text-align: center;
    }

    .contain-invitation-text h1 {
        font-size: 2.0em;
    }

    .event_center_info p, .event_center_info h1, .event_center_info .secondary-title {
        font-weight: 400;
        font-size: 1.0em !important;
        text-align: center;
        color: white;
    }
}

@media (max-width: 420px) {

    .landing_event_start_list_guest {
        flex-direction: column;
        margin-bottom: 120px;
        height:350px;
        margin-top:0px;
    }

    .landing_event_start_list_guest img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_guest_statistics {
        flex-direction: column;
        margin-bottom: 80px;
        height:350px;
        margin-top:0px;
    }

    .landing_event_start_gif {
        flex-direction: column;
        margin-bottom: 60px;
        height:350px;
        margin-top:0px;
        width:100%;
        overflow:hidden;
    }

    .landing_event_start_list_guest_statistics img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }
    .landing_event_start_gif img {
        max-width: 140%;
        overflow:hidden;

    }

    .landing_event_start_contract_professionals {
        flex-direction: column;
        margin-bottom: 50px;
        height:370px;
        margin-top:0px;
    }

    .landing_event_start_contract_professionals img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_videomeeting {
        flex-direction: column;
        margin-bottom: 50px;
        height:300px;
        margin-top:0px;
    }

    .landing_event_start_list_videomeeting img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .landing_event_start_list_guest_resume {
        flex-direction: column;
        margin-bottom: 120px;
        height:450px;
        margin-top:0px;
    }

    .landing_event_start_list_guest_resume img {
        max-width: 100%;
        box-shadow: -20px 20px 15px -8px #00000038;

    }

    .event_center_info .h1 {
        font-weight: bold;
        font-size: 2.0em !important;
        text-align: center;
    }

    .contain-invitation-text h1 {
        font-size: 1.5em;
    }

    .event_center_info p, .event_center_info h1, .event_center_info .secondary-title {
        font-weight: 400;
        font-size: 1.0em !important;
        text-align: center;
        color: white;
        display: block;
    }
}

