.wave {

}

.wave div {
    position:relative;
    float:left;
    width:100%;
    height:auto;
}

.wave .hover { cursor:pointer; }
.wave .hidden { display:none; }

.wave .inline {
    margin:0;
    /*width:calc(100% - 2rem);*/
    width:100%;
}
.wave.image-slider {
    padding-bottom:2rem;
}
.wave .image-slider-nav {

}
.wave .image-slider-nav .title,
.wave .image-slider .title {
    width:auto;
    float:left;
    font-size:2em;
    font-weight:200;
    color:#999;
}
.wave .image-slider-nav .nav-wrapper {
    width:auto;
    float:right;
}
.wave .image-slider-nav .nav img.icon {
    position:relative;
    float:left;
    width:50px;
    height:auto;
    margin:0 0.5rem;

}

.wave .image-slider .viewport {
    position:relative;
    width:100%;
    height:500px;
    background:white;
    overflow:hidden;
    z-index:999;
    border:0px solid red;
}
.wave .images {
    position:relative;
    width:auto;
    height:100%;
}
.wave .images img {
    position:relative;
    float:left;
    height:calc(100% - 2rem);
    width:auto;
    padding:1rem 1rem 1rem 0;
}

.wave .image-slider .mobile img {
    position:relative;
    float:left;
    width:calc(100% - 2rem);
    height:auto;
}

.wave .image-slider .desktop {
    display:inline;
}
.wave .image-slider .mobile {
    display:none;
}


@media only screen and (max-device-width: 600px) {
    .wave .image-slider .desktop { display:none; }
    .wave .image-slider .mobile { display:inline; }
    .wave .image-slider { font-size:200%; }
}