.frameoffliper{display:flex;width:100%;justify-content:space-evenly;align-items:center;perspective:2000px;padding:20px;flex-wrap: wrap;background-color:rgba(0,0,0,0.7);background-position:center center;background-image:url('uploads/parallax_02.png');background-size: cover;}
.flipper1{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:40%;height:22vw;margin:2vw;}
.flipper2{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:40%;height:22vw;margin:2vw;}
.flipper3{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:40%;height:22vw;margin:2vw;}
.flipper4{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:40%;height:22vw;margin:2vw;}
.flip{transition-duration:0.8s;display:flex;justify-content:center;align-items:center;color:#a8cf45;font-weight:600;font-size:2vw;letter-spacing:2px;border-radius:20px;text-align: center;padding: 5%;}
#div1,#div2,#div3,#div4{transition-duration:0.4s;transition-property:opacity}
.brocherdiv{background:#333333;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-bottom:3vw;}
.brocherdiv span:nth-child(1){font-size:3vw;color:#a8cf45;padding:10px;}
.brocherdiv span:nth-child(2){font-size:2vw;color:#a8cf45;padding:10px;}
.brocherdiv span:nth-child(3){font-size:1.3vw;color:#a8cf45;padding:10px;}
.brocherdiv button:hover{transform: scale(1.1);}
.slidersinrow{height: 100%;width:100%;}
.slideshow li span{height:100%;width:100%;}
.eventsbtn{outline:none;background:#a8cf45;border:none;padding: 5px 10px;width: 100%;box-shadow: 0px 0px 2px black;transition-duration: 0.4s;}
.eventsbtnframe{display: flex;justify-content: center;align-items: flex-start;}
.eventsbtnframe div{flex:1;width: 100%;}
.eventsbtn:hover{background: orange;}
.newsletter{border-radius:2px;}
.eventing{height:345px;width:100%;background: teal;overflow: hidden;}
.eventing div{height:100%;width:100%;background: white;}
.eventing div{display: none;}
.eventing div:nth-child(1){display: block;}
.counted{padding:0;margin:0;margin-left:5%;}
.counted li:before{
    content:'';
    display: inline-block;
    position: absolute;
    left:0%;
    height: 20px;
    width: 20px;
    background-image:url('images/green.png');

    background-size: cover;}
.counted li{list-style-position: outside;text-align: left;}
.mainsklands
{
    padding:3vw 0vw;
}
.innerlist{display: none;position: absolute;}
.innerlist li{padding:10px;width:250px;background-color: white;margin:5px 0px;border-radius: 5px;text-align: center;box-shadow: 0px 0px 10px black;color: black;}
.innerlist li:hover{background-color: #337ab7;color:white;}
.nav li:hover ul{display: block;}
@media screen and (max-width: 800px)
{
    .frameoffliper{display:flex;width:100%;justify-content:space-evenly;align-items:center;perspective:2000px;padding:20px;flex-wrap:wrap;background-color:rgba(0,0,0,0.8);background-position:center center;background-image:url('uploads/parallax_02.png');background-size: cover;}
    .flipper1{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:90%;height:60vw;margin:5%;}
    .flipper2{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:90%;height:60vw;margin:5%;}
    .flipper3{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:90%;height:60vw;margin:5%;}
    .flipper4{display:inline-block;background:linear-gradient(85deg,#434343,#262626);width:90%;height:60vw;margin:5%;}
    .flip{transition-duration:0.8s;display:flex;justify-content:center;align-items:center;color:#a8cf45;font-weight:600;font-size:3vw;letter-spacing:2px;border-radius:10px;text-align: center;padding: 5%;}
    #div1,#div2,#div3,#div4{transition-duration:0.4s;transition-property:opacity}
    .brocherdiv{background:#0d0d0d;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-bottom:7vw;}
    .brocherdiv span:nth-child(1){font-size:6vw;color:#a8cf45;padding:10px;}
    .brocherdiv span:nth-child(2){font-size:3vw;color:#a8cf45;padding:10px;}
    .brocherdiv button:hover{transform: scale(1.1);}
    .slidersinrow{height: 45%;width:100%;}
    .slideshow li span{height:33%;width:100%;top:12%;background-size: 100% 100%;}
    .inform{}
    .eventsbtn:hover{background: orange;}
    .mainsklands
    {
        padding:8vw 0;
    }
    .innerlist{display:none;position: relative;}
    .innerlist li{padding:10px;width:250px;background-color: white;margin:3px 0px;border-radius: 5px;text-align: center;box-shadow: 0px 0px 10px black;color: black;}
    .nav{height:88vh;overflow: scroll;}
    .innerlist li:hover{background-color: #337ab7;color:white;}
    .nav li:hover ul{display: block;}
}
/** ADD YOUR AWESOME CODES HERE **/