@media (min-width: 768px) {

body {
background:#eee;
   background: url('../images/bg.jpg') no-repeat center center fixed;
   background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
padding: 100px 100px;
}

headtop {
padding:2rem 0;
}

headtop .container {
   background: rgba(0,0,0,0.7);
   background-image: url('../images/header2.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   border-radius: 20px 20px 0 0;
   //padding:2rem 2rem;
   height:100px;
}
headtop .imgcursor {
   position: absolute;
   left: 120;
   cursor: pointer;
}
.widget {
        list-style-type:none;
        margin:0;
        padding:0;
}

.page-wrap {

        //padding:2rem 0;
}

.container {
//background:#dddddd;
background: rgba(0,0,0,0.7);
color:#FFF;
}

meny .menu {
//background:#dddddd;
        list-style-type:none;
        margin:0;
        padding:0;
        font-size: 100%;
        justify-content: center;
        align-items:center;
	display:flex;
}
meny .menu .container {
        display:flex;
        justify-content: center;
        align-items:center;
        height:100%;
}
meny .menu li {
        position:relative;
}

meny .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
meny .menu li a:visited {
        text-decoration:none;
}

meny .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li .sub-menu {
        display:none;
        position:absolute;
        z-index:999;
        top:0;
        left:40%;
        background:#fff;
        box-shadow:1px 1px 10px rgba(0,0,0,0.1);
        margin:0;
        padding:0;
        list-style-type:none;
        width:150px;
        border-radius:.5rem;
}
meny .menu li .sub-menu a {
        color:red;
        padding:.25rem;
        text-align:center;
        display:block;
        text-decoration:none;
}

meny .menu li .sub-menu a:hover {
        color:#FFF;
}

meny .menu > .menu-item-has-children:hover > .sub-menu {
        display:block;
}

meny .menu .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
        display:block;
}

meny .menu .sub-menu li .sub-menu {
        top:0;
        left:100%;
}
a:link, a:visited {
        color: white;
}
a:hover, a:active {
        color: #008CBA;
}

.train {
position: absolute;
left: -200px;
top: 30px;
}

.train-animate {
  animation-name: trainObject;
  animation-duration: 10s;
  animation-timing-function: linear;
}

@keyframes trainObject {
  0% {
    left: calc(0% + -400px);
    transition-timing-function: ease-in;
  }

  50% {
    transform: translateX(calc(50%));
  }

  100% {
    left: calc(100% + 240px);
    transition-timing-function: ease-out;
  }
}

samling .menu {
        list-style-type:none;
        margin:0;
        padding:15px;
        font-size: 100%;
        justify-content: center;
        align-items:center;
        display:flex;
}
samling .menu .container {
        display:flex;
        justify-content: center;
        align-items:center;
        height:100%;
}
samling .menu li {
//        position:relative;
}
samling .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
samling .menu li a:visited {
        text-decoration:none;
}

samling .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
samling .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
.gallery-item {
   float: left;
   margin-top: 10px;
   text-align: center;
   width: 33%;
}
.gallery-item img {
   border: 2px solid #cfcfcf;
}
.fancybox-content {
  // border: 5px solid #cfcfcf;
}
.fancybox-caption {
   padding-top: 25px;
   font-size: 150%;
}
#toggle {
display:none;
}
#popout {
display:none;
}
.gwolle-gb .gwolle-gb-write-button input.button {
    border: 0px solid #e5e5e5;
    color: #fffeee;
}
.gwolle-gb-write-button input.button:hover {
    background:#008CBA;
}

.gwolle-gb .gwolle-gb-read {
    color: #fff;
}

footer {
   padding:0;
}
footer .container {
   background: rgba(0,0,0,0.7);
   text-align: right;
   height:40px;
   align-items:center;
   padding:5px;
   color:#fff;
   border-radius: 0 0 20px 20px;
}

}


@media (min-width: 992px) {

body {
background:#eee;
   background: url('../images/bg.jpg') no-repeat center center fixed;
   background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
padding: 100px 100px;
}

headtop {
padding:2rem 0;
}

headtop .container {
   background: rgba(0,0,0,0.7);
   background-image: url('../images/header2.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   border-radius: 20px 20px 0 0;
   //padding:2rem 2rem;
   height:100px;
}
headtop .imgcursor {
   position: absolute;
   left: 120;
   cursor: pointer;
}
.widget {
        list-style-type:none;
        margin:0;
        padding:0;
}

.page-wrap {

        //padding:2rem 0;
}

.container {
//background:#dddddd;
background: rgba(0,0,0,0.7);
color:#FFF;
}

meny .menu {
//background:#dddddd;
        list-style-type:none;
        margin:0;
        padding:0;
        padding-top: 25px;
        font-size: 110%;
	display:block;
}

meny .menu li {
        position:relative;
}

meny .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
meny .menu li a:visited {
        text-decoration:none;
}

meny .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li .sub-menu {
        display:none;
        position:absolute;
        z-index:999;
        top:0;
        left:40%;
        background:#fff;
        box-shadow:1px 1px 10px rgba(0,0,0,0.1);
        margin:0;
        padding:0;
        list-style-type:none;
        width:150px;
        border-radius:.5rem;
}
meny .menu li .sub-menu a {
        color:red;
        padding:.25rem;
        text-align:center;
        display:block;
        text-decoration:none;
}

meny .menu li .sub-menu a:hover {
        color:#FFF;
}

meny .menu > .menu-item-has-children:hover > .sub-menu {
        display:block;
}

meny .menu .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
        display:block;
}

meny .menu .sub-menu li .sub-menu {
        top:0;
        left:100%;
}
a:link, a:visited {
        color: white;
}
a:hover, a:active {
        color: #008CBA;
}

.train {
position: absolute;
left: -200px;
top: 30px;
}

.train-animate {
  animation-name: trainObject;
  animation-duration: 10s;
  animation-timing-function: linear;
}

@keyframes trainObject {
  0% {
    left: calc(0% + -400px);
    transition-timing-function: ease-in;
  }

  50% {
    transform: translateX(calc(50%));
  }

  100% {
    left: calc(100% + 240px);
    transition-timing-function: ease-out;
  }
}

samling .menu {
        list-style-type:none;
        margin:0;
        padding:10px;
        font-size: 120%;
        justify-content: center;
        align-items:center;
        display:flex;
}
samling .menu .container {
        display:flex;
        justify-content: center;
        align-items:center;
        height:100%;
}
samling .menu li {
//        position:relative;
}
samling .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
samling .menu li a:visited {
        text-decoration:none;
}

samling .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
samling .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
.gallery-item {
   float: left;
   margin-top: 10px;
   text-align: center;
   width: 33%;
}
.gallery-item img {
   border: 2px solid #cfcfcf;
}
.fancybox-content {
//   border: 5px solid #cfcfcf;
}
.fancybox-caption {
   padding-top: 25px;
   font-size: 150%;
}
#toggle {
display:none;
}
#popout {
display:none;
}
.gwolle-gb .gwolle-gb-write-button input.button {
    border: 0px solid #e5e5e5;
    color: #fffeee;
}
.gwolle-gb-write-button input.button:hover {
    background:#008CBA;
}

.gwolle-gb .gwolle-gb-read {
    color: #fff;
}
footer {
   padding:0;
}
footer .container {
   background: rgba(0,0,0,0.7);
   text-align: right;
   height:40px;
   align-items:center;
   padding:5px;
   color:#fff;
   border-radius: 0 0 20px 20px;
}

}

@media (min-width: 1200px) {

body {
background:#eee;
   background: url('../images/bg.jpg') no-repeat center center fixed;
   background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
padding: 100px 100px;
}

headtop {
padding:2rem 0;
}

headtop .container {
   background: rgba(0,0,0,0.7);
   background-image: url('../images/header.png'), url('../images/header2.png');
   background-repeat: no-repeat, no-repeat;
   background-position: left 10px center, center center;
   background-size: 120px, contain;
   border-radius: 20px 20px 0 0;
   //padding:2rem 2rem;
   height:100px;
}
headtop .imgcursor {
   position: absolute;
   left: 120;
   cursor: pointer;
}
.widget {
        list-style-type:none;
        margin:0;
        padding:0;
}

.page-wrap {

        //padding:2rem 0;
}

.container {
//background:#dddddd;
background: rgba(0,0,0,0.7);
color:#FFF;
}

meny .menu {
//background:#dddddd;
        list-style-type:none;
        margin:0;
        padding:0;
        padding-top: 25px;
        font-size: 115%;
	display:block;
}

meny .menu li {
        position:relative;
}

meny .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
meny .menu li a:visited {
        text-decoration:none;
}

meny .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li .sub-menu {
        display:none;
        position:absolute;
        z-index:999;
        top:0;
        left:40%;
        background:#fff;
        box-shadow:1px 1px 10px rgba(0,0,0,0.1);
        margin:0;
        padding:0;
        list-style-type:none;
        width:150px;
        border-radius:.5rem;
}
meny .menu li .sub-menu a {
        color:red;
        padding:.25rem;
        text-align:center;
        display:block;
        text-decoration:none;
}

meny .menu li .sub-menu a:hover {
        color:#FFF;
}

meny .menu > .menu-item-has-children:hover > .sub-menu {
        display:block;
}

meny .menu .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
        display:block;
}

meny .menu .sub-menu li .sub-menu {
        top:0;
        left:100%;
}
a:link, a:visited {
        color: white;
}
a:hover, a:active {
        color: #008CBA;
}

.train {
position: absolute;
left: -200px;
top: 30px;
}

.train-animate {
  animation-name: trainObject;
  animation-duration: 10s;
  animation-timing-function: linear;
}

@keyframes trainObject {
  0% {
    left: calc(0% + -400px);
    transition-timing-function: ease-in;
  }

  50% {
    transform: translateX(calc(50%));
  }

  100% {
    left: calc(100% + 240px);
    transition-timing-function: ease-out;
  }
}

samling .menu {
        list-style-type:none;
        margin:0;
        padding:10px;
        font-size: 120%;
        justify-content: center;
        align-items:center;
        display:flex;
}
samling .menu .container {
        display:flex;
        justify-content: center;
        align-items:center;
        height:100%;
}
samling .menu li {
//        position:relative;
}
samling .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
samling .menu li a:visited {
        text-decoration:none;
}

samling .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
samling .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
.gallery-item {
   float: left;
   margin-top: 10px;
   text-align: center;
   width: 33%;
}
.gallery-item img {
   border: 2px solid #cfcfcf;
}
.fancybox-content {
  // border: 5px solid #cfcfcf;
}
.fancybox-caption {
   padding-top: 25px;
   font-size: 150%;
}
#toggle {
display:none;
}
#popout {
display:none;
}
.gwolle-gb .gwolle-gb-write-button input.button {
    border: 0px solid #e5e5e5;
    color: #fffeee;
}
.gwolle-gb-write-button input.button:hover {
    background:#008CBA;
}

.gwolle-gb .gwolle-gb-read {
    color: #fff;
}

footer {
   padding:0;
}
footer .container {
   background: rgba(0,0,0,0.7);
   text-align: right;
   height:40px;
   align-items:center;
   padding:5px;
   color:#fff;
   border-radius: 0 0 20px 20px;
}

}

@media (min-width: 1320px) {

body {
background:#eee;
   background: url('../images/bg.jpg') no-repeat center center fixed;
   background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
padding: 100px 100px;
}

headtop {
padding:2rem 0;
}

headtop .container {
   background: rgba(0,0,0,0.7);
   background-image: url('../images/header.png'), url('../images/header2.png');
   background-repeat: no-repeat, no-repeat;
   background-position: left 10px center, center center;
   background-size: 180px, contain;
   border-radius: 20px 20px 0 0;
   //padding:2rem 2rem;
   height:100px;
}
headtop .imgcursor {
   position: absolute;
   left: 120;
   cursor: pointer;
}
.widget {
        list-style-type:none;
        margin:0;
        padding:0;
}

.page-wrap {

        //padding:2rem 0;
}

.container {
//background:#dddddd;
background: rgba(0,0,0,0.7);
color:#FFF;
}

meny .menu {
//background:#dddddd;
        list-style-type:none;
        margin:0;
        padding:0;
        padding-top: 25px;
        font-size: 120%;
	display:block;
}

meny .menu li {
        position:relative;
}

meny .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
meny .menu li a:visited {
        text-decoration:none;
}

meny .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li .sub-menu {
        display:none;
        position:absolute;
        z-index:999;
        top:0;
        left:40%;
        background:#fff;
        box-shadow:1px 1px 10px rgba(0,0,0,0.1);
        margin:0;
        padding:0;
        list-style-type:none;
        width:150px;
        border-radius:.5rem;
}
meny .menu li .sub-menu a {
        color:red;
        padding:.25rem;
        text-align:center;
        display:block;
        text-decoration:none;
}

meny .menu li .sub-menu a:hover {
        color:#FFF;
}

meny .menu > .menu-item-has-children:hover > .sub-menu {
        display:block;
}

meny .menu .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
        display:block;
}

meny .menu .sub-menu li .sub-menu {
        top:0;
        left:100%;
}
a:link, a:visited {
        color: white;
}
a:hover, a:active {
        color: #008CBA;
}

.train {
position: absolute;
left: -200px;
top: 30px;
}

.train-animate {
  animation-name: trainObject;
  animation-duration: 10s;
  animation-timing-function: linear;
}

@keyframes trainObject {
  0% {
    left: calc(0% + -400px);
    transition-timing-function: ease-in;
  }

  50% {
    transform: translateX(calc(50%));
  }

  100% {
    left: calc(100% + 240px);
    transition-timing-function: ease-out;
  }
}

samling .menu {
        list-style-type:none;
        margin:0;
        padding:10px;
        font-size: 130%;
        justify-content: center;
        align-items:center;
        display:flex;
}
samling .menu .container {
        display:flex;
        justify-content: center;
        align-items:center;
        height:100%;
}
samling .menu li {
//        position:relative;
}
samling .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
samling .menu li a:visited {
        text-decoration:none;
}

samling .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
samling .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
.gallery-item {
   float: left;
   margin-top: 10px;
   text-align: center;
   width: 33%;
}
.gallery-item img {
   border: 2px solid #cfcfcf;
}
.fancybox-content {
 //  border: 5px solid #cfcfcf;
}
.fancybox-caption {
   padding-top: 25px;
   font-size: 150%;
}
#toggle {
display:none;
}
#popout {
display:none;
}
.gwolle-gb .gwolle-gb-write-button input.button {
    border: 0px solid #e5e5e5;
    color: #fffeee;
}
.gwolle-gb-write-button input.button:hover {
    background:#008CBA;
}

.gwolle-gb .gwolle-gb-read {
    color: #fff;
}
footer {
   padding:0;
}
footer .container {
   background: rgba(0,0,0,0.7);
   text-align: right;
   height:40px;
   align-items:center;
   padding:5px;
   color:#fff;
   border-radius: 0 0 20px 20px;
}

}
@media (max-width: 768px) {

body {
background:#eee;
   background: url('../images/bg.jpg') no-repeat center center fixed;
   background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
padding: 5px 5px;
}

headtop {
padding:2rem 0;
}

headtop .container {
   background: rgba(0,0,0,0.7);
   background-image: url('../images/mobile_header.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
   border-radius: 20px 20px 0 0;
   //padding:2rem 2rem;
   height:100px;
}
headtop .imgcursor {
   position: absolute;
   left: 120;
}
.widget {
        list-style-type:none;
        margin:0;
        padding:0;
}

.page-wrap {

        //padding:2rem 0;
}

.container {
//background:#dddddd;
background: rgba(0,0,0,0.7);
color:#FFF;
}

meny .menu {
//background:#dddddd;
        list-style-type:none;
        margin:0;
        padding:0;
	display:none;
}

meny .menu li {
        position:relative;
}

meny .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
meny .menu li a:visited {
        text-decoration:none;
}

meny .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
meny .menu li .sub-menu {
        display:none;
        position:absolute;
        z-index:999;
        top:0;
        left:40%;
        background:#fff;
        box-shadow:1px 1px 10px rgba(0,0,0,0.1);
        margin:0;
        padding:0;
        list-style-type:none;
        width:150px;
        border-radius:.5rem;
}
meny .menu li .sub-menu a {
        color:red;
        padding:.25rem;
        text-align:center;
        display:block;
        text-decoration:none;
}

meny .menu li .sub-menu a:hover {
        color:#FFF;
}

meny .menu > .menu-item-has-children:hover > .sub-menu {
        display:block;
}

meny .menu .menu-item-has-children .sub-menu > .menu-item-has-children:hover .sub-menu {
        display:block;
}

meny .menu .sub-menu li .sub-menu {
        top:0;
        left:100%;
}
a:link, a:visited {
        color: white;
}
a:hover, a:active {
        color: #008CBA;
}

.train {
position: absolute;
left: -200px;
top: 30px;
}


samling .menu {
        list-style-type:none;
        margin:0;
        padding:5px;
        font-size: 100%;
        justify-content: center;
        align-items:center;
        display:flex;
}
samling .menu .container {
        display:flex;
        justify-content: center;
        align-items:center;
        height:100%;
}
samling .menu li {
//        position:relative;
}
samling .menu li a {
        padding:.25rem 1rem;
        color:#FFF;
        text-decoration:none;
}
samling .menu li a:visited {
        text-decoration:none;
}

samling .menu li a:hover {
        color:#008CBA;
        text-decoration:none;
}
samling .menu li a:active {
        color:#008CBA;
        text-decoration:none;
}
.gallery-item {
   float: left;
   margin-top: 10px;
   text-align: center;
   width: 48%;
}
.gallery-item img {
   border: 2px solid #cfcfcf;
}
.fancybox-content {
 //  border: 5px solid #cfcfcf;
}
.fancybox-caption {
   padding-top: 25px;
   font-size: 150%;
}

footer {
   padding:0;
}
footer .container {
   background: rgba(0,0,0,0.7);
   text-align: right;
   height:40px;
   align-items:center;
   padding:5px;
   color:#fff;
   border-radius: 0 0 20px 20px;
}
#popout {
position: fixed;
height: 100%;
width: 250px;
background: rgb(25, 25, 25);
background: rgba(25, 25, 25, .9);
color: white;
top: 0px;
left: -250px;
overflow:auto;
}


#toggle {
float: right;
position: absolute;
top: 10px;
right: 35px;
width: 28px;
height: 24px;

}
.nav-menu li {
//border-bottom:1px solid #eee;
list-style-type:none;
padding:20px;
width:100%;
}

.nav-menu li:hover {
background:#008CBA;
}

.nav-menu li a {
color:#FFF;
text-decoration:none;
width:100%;
}

.gwolle-gb .gwolle-gb-write-button input.button {
    border: 0px solid #e5e5e5;
    color: #fffeee;
}
.gwolle-gb-write-button input.button:hover {
    background:#008CBA;
}

.gwolle-gb .gwolle-gb-read {
    color: #fff;
}

.gwolle-gb div.label,
.gwolle-gb .gwolle_gb_notice {
    color: #fff;
}

}