@media screen and (max-width: 768px) {

    header h1 {
        width: 60%;
    }

    header h1 a {
        margin: 3vw 0;
        padding: 0;
        display: block;
    }

    nav#nav {
        position: relative;
        border-top: 5px solid #000;
        min-height: 14vw;
    }

    nav#nav ul {
        border: none;
        margin: 0;
        padding: 0;
        display: none;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        list-style: none;
        flex-direction: column;
    }

    nav#nav.active ul {
        display: flex;

    }



    nav#nav ul li {
        margin: 0;
        padding: 1em 0;
    }

    nav#nav ul li a {
        font-size: 1.4em;
        padding: .75em 2em;
    }

    .nav-icon {
        margin: 0 15px;
        width: 28px;
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
        /*transform: translate(0,-50%);*/
    }

    .nav-icon:after, 
    .nav-icon:before, 
    .nav-icon div {
        background-color: #222;
        content: '';
        display: block;
        height: 4px;
        margin: 6px 0;
        transition: all .2s ease-in-out;
        border-radius: 2px;
    }

    .nav-icon.active:before {
        transform: translateY(10px) rotate(135deg);
    }

    .nav-icon.active:after {
        transform: translateY(-10px) rotate(-135deg);
    }

    .nav-icon.active div {
        transform: scale(0);
    }






    footer#footer .footer_info {
        width: 90%;
        margin: 3vw auto 10vw;
        flex-direction: column;
    }

    footer#footer .footer_info .seguinos {
        font-size: 2em;
    }

    footer#footer .footer_info .instagram {
        margin-left: 1vw;
    }

    footer#footer .footer_info .instagram .ico-ig {
        width: 2em;
        height: 2em;
        margin: 0 .5em;

    }

    footer#footer .footer_info .instagram .title {
        font-size: 1.4em;
    }


    #home h3 {
        font-size: 1.4em;
        margin-bottom: 2em;
    }

    #home .invitaciones {
        flex-direction: column;
    }

    #home .invitaciones .presenta {
        width: 100%;
        margin-bottom: 2em;
    }

    #home .invitaciones .invita {
        width: 100%;
    }

    #home .list_logos ul li {
        width: 50%;
    }


    .pages h2 {
        font-size: 1.4em;
    }

    .pages .thecontent {
        font-size: 1.2em;
        line-height: 1.8em;
        padding-bottom: 2em;
    }


    .list_contacto {
        padding: 2em 1em;
        width: 95%;
        margin: 3em auto;
    }

    .list_contacto a {
        font-size: 1.2em;
        line-height: 1.8em;
        margin: .5em 0;
    }

    .list_contacto a .ico {
        width: 2em;
        height: 2em;
        margin: 0 .5em;
    }


    .prensa_lista {
        width: 100%;
    }


    .prensa_lista .prensa_item ,
    .expositores_lista .expositor {
        width: 100%;
    }

    .prensa_lista .prensa_item .desc ,
    .expositores_lista .expositor .desc {
        font-size: 1.2em;
        line-height: 1.6em;
    }





    .como-participar-new {
        margin-bottom: 2em;
        width: 100%;
    }

    .como-participar-new .cp_texto {
        font-size: 1.2em;
        line-height: 1.6em;
    }

    .como-participar-new .cp_links {
        flex-direction: column;
        margin: 2em 0 3.5em;
    }

    .como-participar-new .cp_links .cp_link {
        width: 100%;
    }

    .como-participar-new .cp_links .cp_link a {
        font-size: 1.2em;
        width: 80%;
        margin: 1em 0;
    }


    .como-participar-new .form {
        width: 100%;
    }

    .como-participar-new .form  p {
        margin: 0 0 1em;
    }

    .como-participar-new .form  p label {
        font-size: 1.2em;
    }

    .como-participar-new .form  p input ,
    .como-participar-new .form  p textarea {
        font-size: 1em;
        width: 100%;
        border-radius: 0;
        border: 1px solid #ccc;
        padding: 0.5em;
        margin-top: .5em;
    }

    .como-participar-new .form  p input.wpcf7-submit {
        font-size: 1em;
    }




    .pages h2.pagetitle {
        font-size: 2.2em;
    }




    .espacios_lista {
        flex-direction: column;
    }

    .espacios_lista .espacio {
        width: 100%;
        margin-bottom: 2em;
    }

    .espacios_lista .espacio .img {
        margin-bottom: 1em;
    }

    .espacios_lista .espacio h3 {
        font-size: 1em;
    }

    .espacios_lista .espacio h4 {
        margin-bottom: 1em;
        font-size: 1.6em;
    }





    #espacio h3.subtitle {
        font-size: 1.2em;
    }

    #espacio h2.title {
        font-size: 2em;
    }

    #espacio .autor {
        margin-bottom: 2em;
        font-size: 1em;
    }

    #espacio .carrusel_top {
        width: 100%;
        margin: 0 auto 3em;
    }


    #espacio .espacio_content {

    }

    #espacio .espacio_content h2 {
        font-size: 2em;
        margin-bottom: 1em;
    }

    #espacio .espacio_content .espacio_content_wrap {
        flex-direction: column;
    }

    #espacio .espacio_content .espacio_content_wrap .img {
        width: 100%;
    }

    #espacio .espacio_content .espacio_content_wrap .img img {
        width: 100%;
        margin-bottom: 1.2em;
    }

    #espacio .espacio_content .espacio_content_wrap .img .autor {
        margin-bottom: 1.2em;
        font-size: 1em;
    }

    #espacio .espacio_content .espacio_content_wrap .thecontent {
        width: 100%;
        font-size: 1em;
        line-height: 1.6em;
        padding-bottom: 1.2em;
    }




    #espacio .redes {
        margin: 2em 0;
        flex-direction: column;
    }

    #espacio .redes a {
        margin: 1em auto;
        width: 2em;
        height: 2em;
    }

    #espacio .redes a span {
        width: 1.5em;
        height: 1.5em;
    }


    #espacio .carrusel_ayd {
        margin-bottom: 3em;
    }

    #espacio .carrusel_ayd h3 {
        margin-bottom: 1em;
        font-size: 2em;
    }


    #espacio .sponsors {
        margin-bottom: 3em;
    }

    #espacio .sponsors h3 {
        font-size: 1em;
        margin-bottom: 1.2em;
        text-align: center;
    }

    #espacio .sponsors .sponsors_wrap {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    #espacio .sponsors .sponsors_wrap a {
        display: block;
        width: 80%;
        margin-bottom: 1em;
    }



    #espacio .participan {
        margin-bottom: 4vw;
    }

    #espacio .participan h3 {
        font-size: 1em;
        margin-bottom: 1.2em;
        text-align: center;
    }

    #espacio .participan .participan_wrap {
        flex-direction: column;
    }

    #espacio .participan .participan_item {
        width: 100%;
        margin-bottom: 2em;
    }

    #espacio .participan .titulo {
        margin: 0;
        font-size: 1.6em;
        text-align: center;
    }

    #espacio .participan .subtitulo {
        font-size: 1em;
        text-align: center;
    }


    #espacio .participan .redess {
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    #espacio .participan .redess a {
        margin: 1em 1em 1em 0;
        width: 1.6em;
        height: 1.6em;
    }

    #espacio .participan .redess a span {
        width: 1.2em;
        height: 1.2em;
    }










    #disertantes h2.distitle {
        margin: 0 0 1em;
        font-size: 2em;
    }

    #disertantes .discontent {
        margin: 0 auto 1em;
        font-size: 1.2em;
        width: 100%;
    }

    #disertantes .disertantes_list {
        flex-direction: column;
    }

    #disertantes .disertantes_list .disertante {
        width: 100%;
        margin-bottom: 2.5em;
    }

    #disertantes .disertantes_list .disertante .img {
        margin-bottom: 0.4em;
    }

    #disertantes .disertantes_list .disertante .titulo {
        font-size: 1.2em;
    }

    #disertantes .disertantes_list .disertante .subtitulo {
        font-size: 1em;
    }



    #disertantes .cronograma_list {
        flex-direction: column;
    }

    #disertantes .cronograma_list .cronograma {
        width: 100%;
        margin-bottom: 2em;
    }





    #cronograma .cronograma_title {
        margin: 0 0 1em;
        font-size: 2em;
    }

    #cronograma .cronograma_content {
        margin: 0 auto 1em;
        font-size: 1.2em;
        width: 100%;
    }





    .sponsors_list {
        flex-direction: column;
    }
    
    .sponsors_list a {
        width: 100%;
        margin-bottom: 1em;
    }





    .sponsors_top {
        width: 100%;
        margin: 0 auto 2em;
    }

    .sponsors_top .sponsors_top_w {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .sponsors_top .sponsors_top_w div.c {
        width: 100%;
        padding-right: 0;
        padding-bottom: 2em;
    }

    .sponsors_top .sponsors_top_w .st_logo {
        border-right: 0;
        border-bottom: 1px solid #333;
    }

    .sponsors_top .sponsors_top_w .st_logo img {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .sponsors_top .sponsors_top_w .st_middle {
        border-right: 0;
        border-bottom: 1px solid #333;
        padding-top: 2em;
    }

    .sponsors_top .sponsors_top_w .st_middle .st_middle_w {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sponsors_top .sponsors_top_w .st_middle .st_middle_w .st_url {
        margin-bottom: 1em;
    }

    .sponsors_top .sponsors_top_w .st_middle .st_middle_w .st_url a {
        font-size: 1.2em;
    }

    .sponsors_top .sponsors_top_w .st_middle .st_middle_w .telefono {

    }

    .sponsors_top .sponsors_top_w .st_middle .st_middle_w .telefono span {
        font-family: 'gothamregular';
        font-size: 1em;
    }

    .sponsors_top .sponsors_top_w div.c.st_redes {
        justify-content: center;
        padding-bottom: 0;
    }

    .sponsors_top .sponsors_top_w .st_redes a {
        margin: 1em 0 1em 0;
        width: 2em;
        height: 2em;
    }

    .sponsors_top .sponsors_top_w .st_redes a span {
        width: 1.5em;
        height: 1.5em;
    }

    #sponsor .sponsor_carrusel {
        width: 100%;
    }




    .singlepost h2.pagetitle {
        font-family: 'gothamblack';
        font-size: 1.6em;
        text-align: center;
        text-transform: none;
        font-weight: normal;
    }
    
    .singlepost h2.wp-block-heading {
        font-family: 'gothamblack';
        font-size: 1em;
        text-transform: none;
    }






    #expositor .logo ,
    #expositor .logo img {
        width: 100%;
    }

} 


@media screen and (max-width: 1400px) {
    nav#nav ul li a {
        padding: .65em 1em;
    }
}