* {
    background: #FFF;
    color: #000;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 100;
    text-align: center;
    padding: 0;
    margin: 0;
}
body {margin:0;}
a {
    font-size: 12px;
    text-decoration: none;
}
a:hover {color: #616598;}
h1 {text-transform: capitalize;
    font-weight: 100;
    font-size: 10vw;
}
h2 {
    font-size: 3.2vw;
    border: 0;
    margin-top: 1.7vh;
}
.responsive img {width: 90vw; height: auto;}
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
.playlists {
    margin-top: 4vh;
}
.website-description {
    font-size: 1.6vh;    
    position: relative;
    margin: 3.5vh auto 0 auto;
    text-align: justify;
    width:35vw;
    margin-bottom: 4vh;
}
.playlists iframe {
     width:35vw;
     margin-bottom: 2.5vh;
}
@media (orientation: landscape) {
    .responsive img.hidden-reality-logo {
        width:35vw;
        margin-bottom: 10px;
    }
    img.holding {
        width: 35%;
        height: 35%;
    }
    h1 {
        font-size: 1.5vw;
        font-style: italic;
    }
    h2 {
        font-size: 1.6vw;

    }
}
@media (orientation: portrait) {
    .responsive img.hidden-reality-logo {
        width:100%;
        margin-bottom: 10px;
    }
    h2 {
       font-size: 3.2vw;
    }
    .playlists iframe {
        width: 100%;
        margin-bottom: 2.5vh;
    }
    .website-description {
        width: 100%;
    }
}
iframe {
	height: 20vw;
}