body {
    font-size: 16px;
}

.Contenedor {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
    grid-template-areas: "AreaMenu AreaMenu" "AreaBotones1 AreaBotones2" "AreaDecPresentadas AreaDecPresentadas" "AreaCerrar AreaCerrar";
}

/*.TituloMenu {
    background-color: blue;
    color: white;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    grid-area: AreaTituloMenu;
}*/

.Menu {
    grid-area: AreaMenu;
}

.Botones1 {
    grid-area: AreaBotones1;
    background-color: white;
    text-align: center;
    padding: 10px;
}

.Botones2 {
    grid-area: AreaBotones2;
    background-color: white;
    text-align: center;
    padding: 10px;
}

.Video1 {
    grid-area: AreaVideo;
    text-align: center;
}

.DecPresentadas {
    grid-area: AreaDecPresentadas;
    background-color: #efecfb;
    text-align: center;
    display: flex;
    justify-content: center;
    position: inherit;
    width: 100%;
}

ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

.CerrarSesion {
    grid-area: AreaCerrar;
    background-color: white;
    color: white;
    text-align: right;
}

.BotonAzulGrande {
    background-color: #24135f;
    color: white;
    width: 250px;
    height: 80px;
    border-radius: 15px;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    word-wrap: break-word;
    text-align: center;
    white-space: normal;
}

    .BotonAzulGrande:hover {
        background-color: #5b38d7;
    }

.BotonGris {
    background-color: #efecfb;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 1rem;
}

    .BotonGris:hover {
        background-color: #24135f;
        color: white;
    }



@media (max-width: 800px) {
    body {
        background-color: white;
    }

    .Contenedor {
        /*display: grid;
        width: 100%;*/
        /*grid-template-columns: 100%;*/
        /*grid-template-areas: "AreaTituloMenu" "AreaMenu" "AreaBotones1" "AreaBotones2" "AreaVideo" "AreaCerrar";*/
        /*grid-template-areas: "AreaMenu" "AreaBotones1" "AreaBotones2" "AreaDecPresentadas" "AreaCerrar";*/
    }
}