body {
    background: white;
    color:white;
    font-family:Tahoma, Arial;
    margin:0 auto;
}
.cont {
    margin:0 8%;
}
.waiter {
        margin-top:100px;
}
header {
    height:80px;
    display:block;
    background:#3c9122;
    border-bottom:4px solid #78d302;
    /*position: fixed;
    z-index:99;
    top:0;
    width:100%;*/
}
header #logo {
    float:left;
    margin-top:15px;
}
img.logo-img {
    height:80px;
}
header nav {
    float:right;
}
header nav ul {
    margin:0;
    padding:0;
}
header nav ul li {
    list-style-type:none;
    display:inline;
    padding:0 8px;
    line-height: 80px;
}
header nav ul li a {
    color:white;
    /*text-transform: uppercase;*/
    font-size:18pt;
    text-decoration:none;
    transition: 0.5s linear;
}
header nav ul li a:hover {
    color:white;
}
header nav ul li a.s {
    text-decoration:underline;
    color:white;
}

a {
    color:#3c9122;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

h1, h2 {
    color:#3c9122;
}

#event-list {
    display:block;
}
#event-list #lside {
    float:left;
    height:380px;
    width:70%;
    background-repeat:no-repeat;
    background:url('im/marika.jpg');
    background-size:cover;
}
.event-list-info {
    padding:16px;
    color:white;
    font-size:22pt;
}
#event-list #rside {
    float:right;
    height:380px;
    width:30%;
    background-color: black;
}
#rside ul {
    margin:0;
    padding:0;
}
#rside ul li {
    display:block;
    list-style-type: none;
}
#rside ul li a {
    color:white;
    padding:8px 0 0 8px;
    height:86px;
    text-decoration: none;
    font-size:17pt;
    display:block;
    border-bottom:1px solid #282828;
}
#rside ul li a:hover {
    background:#1d1d1d;
}
#rside ul li a.s {
    background:#282828;
}

.main-box {
    color:black;
    background:#f0f0f0;
    padding:16px;
    text-align:justify;
    font-size:16pt;
    display:block;
    border-left:4px solid #78d302;
}
.main-box .whois {
    float:right;
    font-style: italic;
    color:white;
}
.main-box ul {
    display:block;
    margin-left:16px;
}
.main-box h2 {
    text-decoration:none;
    border:0;
    margin:0;
    padding:8px 0 8px 0;
    font-size:18pt;
}
.w33 {
    width:33.3%;
    float:left;
}
.ml {
    margin:0 0 0 6%;
}
.mp {
    margin:0 6% 0 0;
}
.mc {
    margin: 0 3%;
}
a.n {
    opacity: 0.5;
    text-decoration: none;
}
a.n:hover {
    opacity: 1;    
}
.concept-box {
    
    display:block;
    padding-top:180px;
}
.concept-box .perex {
    line-height:80px;
    color:white;
    display:block;
    text-align: center;
    font-size:18pt;
    font-weight:bold;
    text-decoration:none;
    background:url("im/bg_con.png");
}

.event {
    min-height:330px;
    display:block;
    background:#282828;
    margin:8px 0;   
}
.event .info {
    width:27%;
    float:left;
    padding:16px;
}
.event .flyer {
    width:70%;
    float:right;
    height:330px;
    background-position:center center;
    background-size:cover;
    display:block;
}
footer {
    margin-top:40px; 
    padding:40px 0;
    display:block;
    background:black;
}
.clear {
    clear:both;
}
@media (min-width: 812px) {
  .menu-icon {
     display: none;
  }
    #event-list-mobile {
        display:none;
    }
}

@media (max-width: 812px) {
    .event {
    display:block;
    background:#282828;
    margin:8px 0;   
}
.event .info {
    padding:16px;
    width: 100%;
    float:none;
}
.event .flyer {
    height:200px;
    width: 100%;
    float:none;
    display:block;
}

    #event-list {
        display:none;
    }
        #event-list-mobile {
        display:block;
    }
    .cont {
        padding:0;
        margin:0;
    }
    img {
        width:100%;
        height:auto;
    }
    .w33 {
        display:block;
        width:100%;
        float:none;
        margin-bottom: 16px;
    }
    .mc, .ml, .mp {
        margin:0;
    }
    #event-list #lside {
        display:none;
    }    
    #event-list #rside {
        width:100%;
    }  
    h1, h2 {
        border-bottom:2px solid #black;
        border-left:0px;
        line-height: 38px;
        /*background:#333333;*/
    }
img.logo-img {
   width:65%;
   height:auto;
   margin-top:13px;
}
.menu-icon {
   font-size: 2.4em;
   color: #ffffff;
   line-height: 50px;
   float:right;
   margin:5px 15px 0 0;
}
header {
    height:60px;
}
nav {
   position: absolute;
   background-color: black;
   top:70px;
   left:0;
   width: 100%;
   display:none;
}
header nav ul {
   list-style-type: none;
}
header nav ul li {
   padding: 0;
   line-height:normal;
}
header nav ul li a {
   display: block;
   padding: 8px 0 8px 16px;
   /* Add your custom styles below to change appearance of links */
   text-decoration: none;
   letter-spacing: 0.05em;
}
nav ul li a:hover, nav ul li a:focus {
   color: #eb6f4a;
}
    .ev-blok {
    }
    .ev-blok .ev-link {
        background-size:cover;
        background-position: center center;
        padding-top:24px;
    }
    .ev-blok .ev-link .inf {
        background-image:url('im/bg_con.png');
        padding:6px 12px;
        max-width: 46%;   
    }
    .ev-blok .ev-link .fullinf {
        background-image:url('im/bg_con.png');
        padding:6px 12px;
        display:block; 
    }
    .ev-blok .ev-link .fullinf a {
        color:white;
    }
    .main-box img {
        display:none;
    }

p, main-box {
	font-size:11pt;
}
}