@media only screen and (max-width: 650px) {
    .block-index{
        flex-direction:column;
    }
    .block-index-rev{
        flex-direction:column-reverse;
    }
    .block-index-rev div.col,
    .block-index div.col{
        margin:auto;
        width:60%;
    }
    .event img{
        width:100%
    }
    .mailto{
        width:15%
    }
    .to-reverse{
        flex-direction: column-reverse;
    }
}


@media only screen and (min-width: 650px) and (max-width: 1000px) {
    #main-menu a {
        flex:33%;
    }
    .block-index{
        flex-direction:column;
    }
    .block-index-rev{
        flex-direction:column-reverse;
    }
    .block-index-rev div.col,
    .block-index div.col{
        margin:auto;
        width:60%;
    }
    .event img{
        width:80%
    }
    .mailto{
        width:10%
    }
    .to-reverse{
        flex-direction: column-reverse;
    }

}

@media only screen and (min-width: 1000px) {
    #main-menu {
        height:90px;
    }
	#submenu {
        width: var(--width-submenu) !important;
	}
    .event img{
        width:50%
    }
    .block-index-rev p,
    .block-index p{
        font-size:1rem;
        flex:60%;
        margin:auto;
    }
    .mailto{
        width:5%
    }
} 

#main-menu a,
#main-menu div:not(#flex-gap) {
    display: flex;
    flex:33%;
    justify-content:center;
}

#content{
    width:100%;
    position: absolute;
    /*top:0;*/
	z-index:3;
}
.block-index-rev,
.block-index{
    flex:100%;
    display:flex;
}
.block-index-rev div.col,
.block-index div.col{
    flex:40%;
    display: flex;
    justify-content:center;
    align-items: center;
    padding:2rem;
}
.block-index-rev div.col img,
.block-index div.col img{
    width:100%
}
.block-index-rev p,
.block-index p{
    font-size:1.3rem;
    flex:60%;
    margin:auto;
}
.block-counters{
    display:flex;
    flex-direction:column;
}
.counter{
    text-align:center;
    display:flex;
    flex-direction:column;
    flex:100%;
    padding-bottom:1rem;
}

.description{
    padding-top:1rem;
    padding-bottom:1rem;
}
.event{
    display:flex;
}
.event img{
    margin:auto
}