/*body {
  background: #eee;
  width: 100%;
}

.card{
  width: 300px;
  height: 300px;
}

.content {
  width: 300px;
  height: 300px;
  perspective: 500px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  transition: transform 1s;
  transform-style: preserve-3d;
}

.card:hover .content {
}*/

.front,
.back {
  /*position: absolute;*/
  /*height: 100%;
  width: 100%;
  background: white;
  line-height: 300px;
  color: #03446A;
  text-align: center;
  font-size: 60px;
  border-radius: 5px;*/
  backface-visibility: hidden;
  }
  /*.parallax{
 background-attachment: fixed;
 background-size: cover;
 background-position: 50% 0;
 position: relative;
}*/
    .menufix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 2px 10px 2px rgba(163,163,163,0.8);
-moz-box-shadow: 0px 2px 10px 2px rgba(163,163,163,0.8);
box-shadow: 0px 2px 10px 2px rgba(163,163,163,0.8);
}
.parallax {
    /*font-family: 'Elsie', cursive;
    color:#FFF;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;*/
    position: relative;
    /*min-height: 100%;*/
    text-shadow:0 0 10px rgba(0,0,0,0.7);

    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;
}
.front {
  transition: visibility 0.5s, transform 1s;
}

.card:hover .front {
  visibility: hidden;
  transform: rotateY(180deg);
}

.back {
  /*background: #03446A;
  color: white;*/
  transform: rotateY( -180deg );
  transition: visibility 0.5s, transform 1s;
}

.card:hover .back {
  transform: rotateX(0deg);
  
}

        .menu-btn div {
            position: absolute;
            left: 100%;
            top: 64%;
            padding-right: 8px;
            margin-top: -0.50em;
            line-height: 1.2;
            font-size: 18px;
            font-weight: 200;
            vertical-align: middle;
            z-index: 99;
        }

        .menu-btn span {
            display: block;
            width: 19px;
            height: 3px;
            margin: 4px 0;
            background: rgb(0, 0, 0);
            z-index: 99;
        }

        .responsive-menu {
            max-height: 0;
            background: #fff;
            width: 100%;
            overflow: hidden;
            transition: all .25s;
        }

        .expand {

            max-height: 300px;
        }