.web-content {
    background-color: #2e2e2e;
    font-size: 13.5px;
    margin-left: -200px;
   padding: 20px 20px 20px 20px;
    text-align: left;
    color:#fff;
    line-height: 1.5;
    width: 840px;
    height: auto;
    opacity: 0.8;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
.contact {
    background-color: #2e2e2e;
    font-size: 13px;
    /* margin-left: 200px; */
   padding: 20px 20px 20px 20px;
    text-align: left;
    color:#fff;
    line-height: 1.5;
    width: 540px;
    height: auto;
    opacity: 0.8;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
.gallery{
    background-color: #2e2e2e;
    font-size: 13px;
    margin-left: -120px;
   padding: 20px 20px 20px 20px;
    text-align: left;
    color:#fff;
    line-height: 1.5;
    width: 940px;
    height: auto;
    opacity: 0.95;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
.galleria{ width: 900px; height: 600px; background: #000 }
.galleria-info-description a { color: #bbb;}
.cred{margin-top:20px;font-size:11px;}
#year {
    display: grid;
    position:fixed;
    top:10;
    left: 210px;
    /* top:50px; */
/* vertical-align: top; */
    
    background-color: #2e2e2e;
    /* margin-top: 300px; */
   padding: 10px 20px 20px 20px;
   /* margin-top: 100px; */
    top: 7%;
    text-align: left;
    color:rgba(255, 255, 255, 0.863);
    line-height: 1.5;
    width:1200px;
    /* height: auto; */
    opacity: 0.95;
    /* overflow-y: auto; */
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition-delay: 1.3s; /* Safari */
    transition-delay: 1.3s;
}
#year > iframe {
    justify-content: center;
}

#activities {
    display: grid;
    position:fixed;
    top:10;
    top: 7%;
    left: 200px;
    /* word-wrap: break-word; */
    background-color: #2e2e2e;
     padding: 20px 20px 20px 20px;

    text-align: left;
    color:rgba(255, 255, 255, 0.863);
    line-height: 1.5;
    width:1000px;
    opacity: 0.95;
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
#activities > iframe {
    justify-content: center;
}
.event {
    text-align: left;
   vertical-align: top;
   float: left;
    background-color: #2e2e2e;
    /* margin-left: 200px; */
   padding: 10px 20px 20px 20px;
   margin-top: -10px;
    color:#fff;
    line-height: 1.5;
    width: 550px;
    opacity: 0.9;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}
.event2{
    text-align: left;
   vertical-align: top;
   float: right;
    background-color: #2e2e2e;
    /* margin-left: 200px; */
   padding: 10px 20px 20px 20px;
   margin-top: -70px;
  margin-left:60px;
    color:#fff;
    line-height: 1.5;
    width: 550px;
    opacity: 0.9;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
}

.event event2 > p {
    text-align: left;
    font-size: 14px;
}
 .event event2 > #newsImg{
     
     float: left;
     /* width: 700px; */
    margin-left:0px;
    margin-right: 20px;
    /* width: auto; */
    /* position: absolute; */
    /* left: 500px; */
    /* bottom: 0; */
    height: auto;
    z-index: 1;
    opacity: 1;

}
.event2> h4{
color:   rgb(224, 191, 44);
    vertical-align: top;
    text-align: left;
 
    padding-left: 100px;
} 
.event > h4{
color:   rgb(224, 191, 44);
    vertical-align: top;
    text-align: left;
    padding-left: 100px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    font-size: 22px;
    /* font-family: "Oswald"; */
    /* color: rgba(255, 255, 255, 0.89); */
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.0;
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
#year{
    z-index: 4;
}
/*Theme the header*/
 #year .tabulator-header {
    background-color:#2e2e2e;
    color:#fff;
    z-index:2;
}

/*Allow column header names to wrap lines*/
#year .tabulator-header .tabulator-col,
#year .tabulator-header .tabulator-col-row-handle {
    background-color:#2e2e2e;
    color:#fff;
    white-space: normal;
    z-index:2;
}

/*Color the table rows*/
#year .tabulator-tableHolder .tabulator-table .tabulator-row{
    color:#fff;
    border: 0px;
    font-size: 13px;
    background-color: #2e2e2e;
}

/*Color even rows*/
    #year .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
    background-color: #2e2e2e;
    font-size: 13px;
} 

#year .tabulator-row .tabulator-cell .tabulator-row-even .tabulator-row-odd{
    border-width: 0px;
    border-color: rgb(211, 21, 116);
}
#year .tabulator{
    position:relative;border:0px solid #333;background-color:#333;font-size:14px;text-align:center;overflow:hidden;transform:translatez(0);z-index:2;}

#year .tabulator-footer {
    z-index:4;
}
#activities .tabulator-header {
    background-color:#2e2e2e;
    color:#fff;
}

/*Allow column header names to wrap lines*/
#activities .tabulator-header .tabulator-col,
#activities .tabulator-header .tabulator-col-row-handle {
    background-color:#2e2e2e;
    color:#fff;
    white-space: initial;
    
}

/*Color the table rows*/
#activities .tabulator-tableHolder .tabulator-table .tabulator-row{
    color:#fff;
    border: 0px;
    /* margin-top: 10px; */
    /* border: 2px solid #2e2e2e; */
    font-size: 13px;
    background-color: #2e2e2e;
}
#activities .tabulator-tableHolder .tabulator-table .tabulator-row h3{
    color:rgb(233, 193, 16);
    border: 0px;
    /* border: 2px solid #2e2e2e; */
    font-size: 16px;
    background-color: #2e2e2e;
}
/*Color even rows*/
    #activities .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
    background-color: #2e2e2e;
    font-size: 13px;
} 

#activities .tabulator-row .tabulator-cell .tabulator-row-even .tabulator-row-odd{
    border-width: 0px;
    /* border-color: rgb(211, 21, 116); */
}
#activities .tabulator{
    position:relative;
    /* border:0px solid #333; */
    background-color:#333;
    font-size:14px;
    text-align:center;
    vertical-align: top;
    overflow:hidden;
    transform:translatez(0)
}

#activities .tabulator-row table{
    border-color: transparent;
    /* vertical-align: middle; */
    border-collapse:collapse;
}

#activities .tabulator-row table img{
    /* margin-top:10px; */
    padding-left: 15px;
    border:1px solid transparent;
}

#activities .tabulator-row table tr td{
     border:none;
}

#activities.tabulator-row table tr td:first-of-type{
    width:60px;
}

#activities .tabulator-row table tr td div{
    display: table;
    border-collapse: separate;
    box-sizing: initial;
    border-spacing: 2px;
    border-style: dotted;
    border-color: transparent;
    /* padding:2px; */
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 20px;
    /* overflow-wrap: normal; */
    /* display: flex; */
    white-space: normal;
    /* line-height: 2.5; */
    /* justify-content: space-around; */
    /* flex-wrap: wrap; */
    /* word-wrap: break-word; */
}
#activities .tabulator-row .tabulator-cell {
    /* flex-wrap: wrap; */

    display: inline-block;
    position: relative;
    box-sizing: border-box;
    /* padding: 6px; */
    border-left: 0px  transparent;
    border-right: 0px  transparent;
    border-bottom: 0px  transparent;
    border-top: 0px  transparent;
    vertical-align: middle;
  }
  #desktop {
      display: none;
  }
   /* Responsive */
   @media only screen and (max-width: 768px) {



    .event {
        padding: 5px 5px 5px 5px;
        width: 80%;
        /* left: 10px; */
        font-size: 10px;
        height: 370px;
        margin: 0px 0 0 -30px;
        overflow: scroll;
    }
      .event >img {
        max-width: 100%;
        height: auto;
        padding: 0 2% 2%;
      }
      .event >h4 {
        font-size: 14px;
      }
      .event >h2 {
        font-size: 14px;
      }
      .event > p {
        text-align: left;
        font-size: small;
        margin-right:10px;
    }
      .web-content {
        box-sizing: content-box;
        display: block;
        background-color: #2e2e2e;
        font-size: 11px;
        /* margin-left: 200px; */
        /* padding: 20px 20px 20px 20px; */
        /* padding-top: 10%; */
        margin: 0px 0 0 -130px;
        text-align: left;
        top: 0;
        color: #fff;
        left: 0;
        line-height: 1.5;
        width: 70%;
        height: 60%;
        opacity: 1;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
        overflow-y: scroll;
      }
      #year {
        font-size: x-small;
        box-sizing: content-box;
        display: block;
        background-color: #2e2e2e;
        /* font-size: 11px; */
        /* margin-left: 200px; */
        padding: 0;
        margin: 50px 0 0 -130px;
        text-align: left;
        top: 0;
        color: #fff;
        left: 0;
        line-height: 1.5;
        width: 80%;
        height: 65%;
        opacity: 1;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
        overflow-y: scroll;
      }
      .contact {
        box-sizing: content-box;
        display: block;
        background-color: #2e2e2e;
        font-size: 11px;
        /* margin-left: 200px; */
        /* padding: 20px 20px 20px 20px; */
        /* margin: 0px 0 0 0px; */
        text-align: left;

        color: #fff;
   
        line-height: 1.5;
        width: 70%;
        /* height: 60%; */
        opacity: 1;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
      }
      .gallery {
        margin-top: -10%;
        /* width: 90%; */
        background-color: #2e2e2e;
        font-size: 13px;
        margin-left: 10%;
        /* margin-right: 4px; */
        padding: 2px 2px 2px 2px;
        text-align: left;
        color: #fff;
        /* line-height: 1.5; */
        width: auto;
        /* height: 50%; */
        opacity: 0.95;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    #activities {
        margin-top: 10%;
        background-color: #2e2e2e;
        /* font-size: 13px; */
        margin-left: -240px;
        /* margin-right: 4px; */
        padding: 2px 2px 2px 2px;
        text-align: left;
        color: #fff;
        /* line-height: 1.5; */
        width: 82%;
        height: 70%;
        /* height: 50%; */
        opacity: 0.95;
        -webkit-transform: translateX(300px);
        transform: translateX(300px);
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
        overflow-y: scroll;
    }

            /* Demo styles */
           
            .galleria-info-description a { color: #bbb;}
            .cred{margin-top:20px;font-size:11px;}

            /* Gallery measures that will be applied */
            .galleria {
                padding: 0;
                width: 330px;
                height: 220px;
                max-width: 820px;
                /* margin-left:-350px; */
                margin: 0;
            }
            .galleria-theme-azur {
                position: absolute;
                overflow: hidden;
                font: 12px/1.4 arial,sans-serif;
                color: #fff;
            }
        
    

    #year .tabulator-row .tabulator-responsive-collapse table {
        font-size: smaller;
    }
    /*Color even rows*/
    #year .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
        white-space: normal;
    }
    #year.tabulator .tabulator-tableHolder .tabulator-table {
        position: relative;
        width: 328px;
        display: inline-block;
        background-color: #fff;
        white-space: normal;
        overflow: visible;
        color: #333;
    }
    
    #year .tabulator-row .tabulator-responsive-collapse tr {
       width: 10%;
    }

    
    #activities .tabulator-row .tabulator-responsive-collapse table {
        font-size: smaller;
    }
    /*Color even rows*/
    #activities .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
        white-space: normal;
    }
    #activities.tabulator .tabulator-tableHolder .tabulator-table {
        position: relative;
        width: 328px;
        display: inline-block;
        background-color: #fff;
        white-space: normal;
        overflow: visible;
        color: #333;
    }
    #activities.tabulator .tabulator-tableHolder .tabulator-table img {
width:70%;
padding-left: 2px;
    }
 #activities .tabulator-row .tabulator-responsive-collapse tr {
       width: 10%;
       padding-right:0;
    }
    #activities .tabulator-row .tabulator-responsive-collapse td {
       padding-right:0;
     }
#activities .tabulator-tableHolder .tabulator-table .tabulator-row {
    color: #fff;
    border: 0px;
    /* margin-top: 10px; */
    /* border: 2px solid #2e2e2e; */
    font-size: smaller;
    background-color: #2e2e2e;
}

#activities .tabulator-tableHolder .tabulator-table .tabulator-row h3 {
    color: rgb(233, 193, 16);
    border: 0px;
    /* border: 2px solid #2e2e2e; */
    font-size: small;
    background-color: #2e2e2e;
}
#activities {
    display: none;
}
#year {
    display: none;
}
#desktop {
    background-color: #333;
    font-size: small;
    padding:10px;
    margin-left: 80px;
    margin-right: 80px;
    display: block;
    z-index: 100;
}
}