@media screen and (min-width: 1024px){

    .arrowbtn{
        display: block;
        position: absolute;
        padding:25px;
        z-index: 99;
        bottom: 33px;
        right: 33px;
        transition: ease all 0.3s;
        cursor: pointer;
    }
    
    /*.backpage{
        display: block;
        position: absolute;
        padding:25px;
        z-index: 99;
        top: 33px;
        left: 33px;
        transition: ease all 0.3s;
        cursor: pointer;
    }*/


.section1 {
/*
    margin-top:  calc(var(--menubarheight) + var(--socialmenubar));
    min-height: calc(100vh - calc(var(--menubarheight) + var(--socialmenubar)));
*/

    color:var(--color4);
    
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),  url('../img/congreso/edicion/flyer.webp');
    background-repeat: no-repeat;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    display: flex;
    align-items: self-end;
    justify-content: flex-start;
    position: relative;

    background-attachment: fixed;
        
    margin-top:  calc(var(--menubarheight) + var(--socialmenubar));
    min-height: calc(100vh - calc(var(--menubarheight) + var(--socialmenubar)));

    /*
    background-attachment: fixed;
    background-position: center;
    */
}


.home-front-page-buttons{
    text-align: left;
}

    .section2 {
        display: flex;
        justify-content: center;
        width: 100%;

        background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),  url('../img/congreso/edicion/flyer.png');

        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

        background-attachment: fixed;
        
        margin-top:  calc(var(--menubarheight) + var(--socialmenubar));
        min-height: calc(100vh - calc(var(--menubarheight) + var(--socialmenubar)));
    
    }

    .sectioncontainer{
        display: flex;
        justify-content: center;
        width: 100%;
        gap:35px;
    }
    .sectionfcontainer{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        width: 90%;
        margin-top: 0px;
    }

    .row{
        display: flex;
        align-items: flex-start;
        flex-direction: row;
    }
    .imgnaciones{
        width: 80%;
    }
    .row a{
        display: flex;
        flex-direction: row;
        gap: 25px;
    }

    .galardon{
        width: 33%;
    }

    .galardones{
        flex-direction: row;
    }

    .column4 .title{
        font-size: 25px !important;
        text-align: left !important;
    }


    .column1 img {
        border-radius: var(--br);
        width: 80%;
       /* border: 1px solid rgb(199, 199, 199);*/
    }

    .section2logo{
        width:50%;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    .section2text{
        width: 50%;
       
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;

        display: block;

    }
    .section2Title{
        font-size: 45px;
        /*padding-left: 50px;*/
        /*padding-right: 50px;*/
    }

    .divider {
        border-bottom: 4px solid rgb(204,153,85);
        padding-top: 25px;
        width: 50px;
       /* margin-left: 50px;*/
    }


    .section2textTitle{
        

        font-size: 20px;
        color: var(--color2);
    }
    .section1TextContainer{
        width:100%;
        position: relative;
        z-index: 2;
        padding-left: 45px;
        padding-bottom: 50px;
        font-size: 25px;
        font-weight: bold;
        text-align: left;
    }

    .section2textContainer{
        display:flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    

    
    .section2textDom{

    }


    .section2textText{
        /*padding-left: 50px;*/
        padding-right: 35px;
    }
    
    .section3 {
        display:flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;

        width:100%;
    }

    .section3 .column{
        width: 33%;
    }

    .section3 .column .columnlogo{
        text-align: center;
    }

    .section3 .column .columntitle{
        text-align: center;
        font-weight: bold;
        padding:20px;
        
    }

    .section3 .column .columndesc{
        padding: 30px;
        text-align: justify;
    }

 
    .imgmemberphoto{
        border-radius: 50%;
        width: 75%;
    }


    .section4 {
  
    }

    .section4img{
        width: 25%;
    }
    
    .cards{
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: stretch;
        gap:10px;
    }
    .section5 .title{
        font-size: 35px;
        font-weight: bold;
    }
    
    .section5 .cards .cardscontainer{
        width: 25%;
        margin: 12px;
        position: relative;
        max-width: 275px;
    }
    
    .countries{
        margin-top: 20px;
        margin-bottom:  50px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:75px;
    }
    

    .edgetext{
        width: 35%;
        font-size: 30px;
    
    }

    .section6 {

    }

    .section6row{
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
    
    }

    .section6column{
        width: 33%;
    }

    .section7 {

        /*height: calc(100vh - var(--menubarheight));*/
        min-height: calc(100vh - calc(var(--menubarheight) + var(--socialmenubar)));
        margin-top:  calc(var(--menubarheight) + var(--socialmenubar));
    
        color: var(--color3);
        font-size: 20px;
           
    }
    
    .journallinks .journallinksheader .journaldownload {
        display: flex;
        align-items: center;


    }

    .journallinks .journallinksheader .journaldownload .description{
       width: 80%
    }


    .journallinks .journallinksheader .journaldownload .downloadbtn{
        text-align: right;
        width: 20%
    }

    .journallinks .journallinksheader .journaldownload {

    }
/*
    .section7{
        display: flex;
        flex-direction: row;
    }
*/
    .journalpicture{
       width: 31%;
    }
    
    .journallinks{
        width: 69%;
        
    }


    .hide-on-mobile-block{
        display: block !important;
    }
    .hide-on-mobile-flex{
        display: flex !important;
    }
    .hide-on-pc-flex{
        display: none;
    }
    
    .galardontitulo{
        font-size: 34px;
        font-weight: bold;
    }
    
    /*
    .sociallogobar{
        background-color: yellow;
    }
    */
    
    

    .show-on-mobile-block{
        display: none !important;
    }
    .show-on-mobile-flex{
        display: none !important;
    }

    .home-front-page{
        display:flex;
        justify-content: center;
        align-items: center;
        min-height: 50%;
    }
    
    .home-front-page-logo{
        width:50%;
        display:flex;
        justify-content: center;
        align-items: center;
    }

    .home-front-page-logo img{
        display:none;
        
    }

    .home-front-page-text div{
        display: flex;
    }
    

    .home-front-img-logo{
        width:55%;

    }
    
    .home-front-page-text{
        width:50%;
        display:block;
        justify-content: center;
        align-items: center;
  
        font-weight: 700;
        font-size: 80px;
        line-height: 80px;

        padding-right: 70px;
        padding-left: 70px;
    }


    .home-front-page-buttons{
        display:flex;
       
        padding-left: 70px;
       
        
    }

    .home-front-page-buttons div{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        width: 50%;
        font-size: 20px;
    }

    .logocontainer{
        display: none !important;
    }

    .menubar .menulogo{
        width: 30%;
        display: flex;
        align-items: center;
    }

    .menubar .menulogo img{
        display: flex;
    }
    

    .menubar .menulinks{
        width: 80%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        
        flex-direction: row;  
        position: relative;    
        background-color: var(--color3);  
        color: var(--color4);
        overflow-y:visible;
        opacity: 1;
        pointer-events: all;
        transition: all 0.5s;
    }

    .menubar .menulinks div{
        height: 60px ;
    }

    
    .menubar .menulinks a{
        color: var(--color4);
    }
    .menubar .menulinks a:hover{
        color: var(--color6);
    }

    .activeMenu{
        color: var(--color6) !important;
    }

    .menubar .suscribebutton{
        width: 15%;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .menubar .mobile-btn{
        width: 25%;
    }

    .home-front-page{
        padding-top: 35px;
    }

    .fondogaleria{
        /*
        background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),  url('../img/congreso/edicion/fondogaleria4.jpg');
    background-repeat: no-repeat;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */

    background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
    }

    .councilmembers{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap:50px;
    
        padding-top: 80px;
        padding-bottom: 80px;
        border-bottom: 1px solid #333;
    }
    .councilmembers .member{
        min-width: 300px;
    }

    .partners{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap:50px;
    
        padding-top: 30px;
        padding-bottom: 30px;
    
    }
    .partners .member{
        min-width: 300px;
    }




    .sectiondoc{
        background-color: var(--color4);
        /*height: calc(100vh - var(--menubarheight));*/
        min-height: calc(100vh - calc(var(--menubarheight) + var(--socialmenubar)));
    
        color: var(--color3);
        font-size: 20px;
        display: flex;
    
        justify-content: center;
        flex-direction: row;
        padding-top: 25px;
        
        position: relative;

    }
    
    .sectiondoc .container{
        width: 90%;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        gap:50px;
        flex-direction: row;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .actaimg{
        width: 30%; 
     }
     .estatuto{
        width: 30%;
    }
    
    .prensa{
        width: 30%;
    }

    .iconinstitution{
        text-align: center;
    }
    


    .iconinstitution img{
      width: 30% !important;
    }
    
    /*50% 50%*/
    .column1{
        width: 50%;
        text-align: center;
    }
    .column2{
        width: 50%;
        text-align: center;
        font-size: 18px;
        text-align: justify;
    }

    /*%30 70%%*/
    .column3{
        text-align: center;
        flex: 0.3;
    }
    .column4{
        font-size: 18px;
        flex: 0.7;
    }

    .column4 .text{
        text-align: justify;
    }
    
    .order-1{
        order: 1 ;
    }
    .order-2{
        order: 2 ;
    }

    .avatarimage{
        max-width: 120px;
    }
    .avatartext{
        text-align: left;
        font-size: 18px;
    }
    .titlecontainer .title{
        font-size: 35px;
        font-weight: bold;
        text-align: center;
    }

    .flagcongress {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 50px;
        flex-direction: row;
    }

}