html {
    box-sizing: border-box;
    font-size: 100%;
}

*,
:after,
:before {
    box-sizing: inherit;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}



/* BODY */
body {
    background-position: center center;
    background-image: linear-gradient(#ebf4f5, #b5c6e0);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    max-width: 100%;
    min-height: 100vh;
    height: auto;
    letter-spacing: 0.1em;
}

.container {
    padding-top: 21px;
}



/* NAV BAR */
.myNavbar {
    padding: 20px;
    margin: 20px;
    float: right;
}



/* STREAMING PLATFORMS */
.links_list {
    display: inline-block;
    margin: 5px 0;
    margin-bottom: -50px;
    padding: 15px;
    line-height: 7.5;
    text-decoration: none;
    color: #000;
    font-size: 1em;
    white-space: nowrap;
}
.links_list:hover {
    text-decoration: none;
}



/* PLAYLISTS */
.links_playlist {
    display: inline-block;
    margin: 15px 0;
    padding: 12px;
    margin-bottom: -50px;
    line-height: 5.5;
    text-decoration: none;
    color: #000;
    font-size: 1em;
    white-space: nowrap;
}
.links_playlist:hover {
    text-decoration: none;
}
.links_playlist img {
    border-radius: 15px !important;
}



/* SOCIAL PROFILES */
.social-profiles {
    margin: 30px 0;
}
.social-profiles a {
    padding: 0 7.5px;
}
.social-profiles a:hover {
    text-decoration: none;
}

/* FOOTER */
footer {
    position: fixed;
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0.9rem;
    color: #173753;
}



/* ------MOBILE FIRST------ */

/* FOOTER */
@media only screen and (max-width: 700px) {
.logo {
    height: 185px; 
    width: 245px;
}    
    
.myNavbar {
    padding: 0;
    margin: 0;
    margin-top: -40px;
    float: inherit;
}

.social-profiles {
    margin: 30px 0;
    position: inherit;
}
    
footer {
    position: inherit;
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0.9rem;
    color: #FFF;
}

}