@media screen and (max-width: 1000px) {
	*{
        margin: 0;
    }
    
    body{
        background-color: #ce9e8c;
    }
    
    h1, h2{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
    }
    
    h3{
        font-family: "Russo One", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    
    p, a, li{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
    }
    
    .block{
        height: 100%;
    }
    
    .header_logo{
        position: absolute;
        top: 0;
        width: 100%;
        float: left;
        font-size: 35px !important;
        text-align: center;
        margin-top: 20px;
        color: #88391c;
        /* text-shadow: 2px 1px 4px rgba(0,0,0,0.3); */
    }
    
    #music{
        background-color: #ce9e8c;
        width: 100vw;
        min-height: 100vh;
        margin-bottom: 400px;
    }
    .music_albumcover{
        width: 100vw;
        float: left;
        position: relative;
    }
    
    .music_albumcover img{
        filter: drop-shadow(5px 5px 14px rgba(0,0,0,0.3));
        width: calc(100vw - 100px);
        position: absolute;
        right: 50px;
        top: 150px;
    }
    
    .music_contentblock{
        width: 100vw;
        float: left;
        position: relative;
    }
    
    .music_contentblock_inside{
        position: absolute;
        width: 100vw;
        left: 0;
        top: 85px;
    }
    
    .music_titleblock{
        width: calc(100vw - 100px);
        position: absolute;
        top: 0;
        left: 50px;
    }
    
    .music_titleblock h1{
        font-size: 16px;
        color: #222222;
    }
    
    .music_titleblock h2{
        font-size: 20px;
        color: #88391c;
    }
    
    .music_spotify{
        position: absolute;
        top: calc(100vw - 10px);
        left: 50px;
        width: calc(100vw - 100px);
    }
    
    .music_streaming{
        position: absolute;
        top: calc(100vw + 170px);
        left: 50px;
        width: calc(100vw - 100px)
    }
    
    .music_streaming h1{
        font-size: 16px;
        color: #222222;
    }
    
    .music_streaming ul{
        list-style-type: none;
        margin: 10px 0 0 0;
        padding: 0;
        width: 100%
    }
    
    .music_streaming li{
        float: left;
        width: calc(100% / 3);
        display: block;
        margin-bottom: 10px;
        text-decoration: none;
    }
    
    .music_streaming svg{
        float: left;
        height: 20px;
        height: 20px;
    }
    
    .st0{ fill: #88391c; }
    
    .st2{ fill: #ce9e8c; }
    
    .music_streaming p{
        vertical-align: middle;
        float: left;
        margin-left: 7px;
        font-size: 8px;
    }
    
    .music_streaming .streaming_align{
        line-height: 20px;
        text-align: right;
    }
    
    .music_streaming .streaming_align_double{
        line-height: 10px;
    }
    
    .footer{
        background-color: #5E2218;
        position: fixed;
        height: 300px;
        width: calc(100% - 100px);
        padding: 50px;
        bottom: 0;
        z-index: -100;
    }
    
    .footer .footer_block{
        float: left;
        color: #EEDED0;
    }
    
    .footer_bio{
        width: 100%;
        margin-bottom: 20px;
    }

    .footer_bio h1{
        font-size: 16px;
    }

    .footer_bio p{
        margin-top: 10px;
    }
    
    .footer p{
        font-size: 8px;
    }

    .footer_contactinfo{
        width: calc(100% / 2 - 10px);
        margin-right: 5px;
    }

    .footer_contactinfo h1{
        font-size: 16px;
    }
    
    .footer_contactinfo a{
        color: #EEDED0;
        text-decoration: none;
    }
    
    .footer_contactinfo a:hover{
        color: #593006;
    }
    
    .footer .footer_contactinfo_block{
        margin-bottom: 20px;
    }
    
    .footer_contactinfo p,a{
        margin: 10px 0 0 0;
    }

    .footer_socials{
        width: calc(100% / 2 - 10px);
        margin-left: 5px;
    }

    .footer_socials h1{
        font-size: 16px;
    }
    
    .footer_socials ul{
        list-style-type: none;
        margin: 10px 0 0 0;
        padding: 0;
        overflow: hidden;
        width: 100%
    }
    
    .footer_socials li{
        float: left;
        text-decoration: none;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .footer_socials li:hover i{
        color: #593006;
    }
    
    .footer_socials p{
        float: left;
        line-height: 20px;
        margin-left: 10px;
        color: #EEDED0;
    }
    
    .footer_socials i{
        float: left;
        font-size: 20px;
        color: #EEDED0;
    }
    
    .footer_bottom{
        width: calc(100% - 100px);
        float: left;
        text-align: center;
        position: absolute;
        bottom: 15px;
        font-size: 6px !important;
        color: #222222;
    }
}

@media screen and (min-width: 1000px) {
	*{
        margin: 0;
    }
    
    body{
        background-color: #ce9e8c;
    }
    
    h1, h2{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
    }
    
    h3{
        font-family: "Russo One", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    
    p, a, li{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
    }
    
    .block{
        height: 100%;
    }
    
    .header_logo{
        position: absolute;
        top: 0;
        width: 100%;
        float: left;
        font-size: 40px !important;
        text-align: center;
        margin-top: 40px;
        color: #88391c;
        /* text-shadow: 2px 1px 4px rgba(0,0,0,0.3); */
    }
    
    #music{
        background-color: #ce9e8c;
        height: 100vh;
        margin-bottom: 65vh;
    }
    .music_albumcover{
        width: calc(50% - 200px);
        margin-left: 100px;
        float: left;
        position: relative;
    }
    
    .music_albumcover img{
        filter: drop-shadow(5px 5px 14px rgba(0,0,0,0.3));
        width: 300px;
        position: absolute;
        right: 0;
        top: calc(100vh / 2 - 150px);
    }
    
    .music_contentblock{
        width: calc(50% - 200px);
        margin-right: 180px;
        float: right;
        height: 600px;
        position: relative;
    }
    
    .music_contentblock_inside{
        height: 350px;
        position: absolute;
        width: 400px;
        left: 0;
        top: calc(100vh / 2 - 175px);
    }
    
    .music_titleblock{
        position: absolute;
        top: 0;
    }
    
    .music_titleblock h1{
        font-size: 20px;
        color: #222222;
    }
    
    .music_titleblock h2{
        font-size: 32px;
        color: #88391c;
    }
    
    .music_spotify{
        position: absolute;
        top: calc(50% - 76px);
        width: 100%;
    }
    
    .music_streaming{
        position: absolute;
        bottom: 0;
        width: 100%
    }
    
    .music_streaming h1{
        font-size: 20px;
        color: #222222;
    }
    
    .music_streaming ul{
        list-style-type: none;
        margin: 15px 0 0 0;
        padding: 0;
        overflow: hidden;
        width: 100%
    }
    
    .music_streaming li{
        float: left;
        width: calc(100% / 5);
        display: block;
        text-decoration: none;
    }
    
    .music_streaming svg{
        float: left;
        height: 20px;
        height: 20px;
    }

    .st0{ fill: #88391c; }
    
    .st2{ fill: #ce9e8c; }
    
    .music_streaming p{
        vertical-align: middle;
        float: left;
        margin-left: 7px;
        font-size: 10px;
    }
    
    .music_streaming .streaming_align{
        line-height: 20px;
        text-align: right;
    }
    
    .music_streaming .streaming_align_double{
        line-height: 10px;
    }
    
    .footer{
        background-color: #5E2218;
        position: fixed;
        height: calc(65vh - 100px);
        width: calc(100% - 100px);
        padding: 50px;
        bottom: 0;
        z-index: -100;
    }
    
    .footer .footer_block{
        width: calc(100% / 3 - 40px);
        margin: 0 20px;
        float: left;
        color: #EEDED0;
    }
    
    .footer_bio p{
        margin-top: 10px;
    }
    
    .footer p{
        font-size: 12px;
    }
    
    .footer_contactinfo a{
        color: #EEDED0;
        text-decoration: none;
    }
    
    .footer_contactinfo a:hover{
        color: #593006;
    }
    
    .footer .footer_contactinfo_block{
        margin-bottom: 40px;
    }
    
    .footer_contactinfo p,a{
        margin: 10px 0 0 0;
    }
    
    .footer_socials ul{
        list-style-type: none;
        margin: 10px 0 0 0;
        padding: 0;
        overflow: hidden;
        width: 100%
    }
    
    .footer_socials li{
        float: left;
        display: block;
        text-decoration: none;
        width: 125px;
    }
    
    .footer_socials li:hover i{
        color: #593006;
    }
    
    .footer_socials p{
        float: left;
        line-height: 20px;
        margin-left: 10px;
        color: #EEDED0;
    }
    
    .footer_socials i{
        float: left;
        font-size: 20px;
        color: #EEDED0;
    }
    
    .footer_bottom{
        width: 100vw;
        float: left;
        text-align: center;
        position: absolute;
        bottom: 15px;
        font-size: 10px !important;
        color: #222222;
    }
}


@media screen and (min-width: 1500px) {
	*{
        margin: 0;
    }
    
    body{
        background-color: #ce9e8c;
    }
    
    h1, h2{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
    }
    
    h3{
        font-family: "Russo One", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    
    p, a, li{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
    }
    
    .block{
        height: 100%;
    }
    
    .header_logo{
        position: absolute;
        top: 0;
        width: 100%;
        float: left;
        font-size: 40px !important;
        text-align: center;
        margin-top: 40px;
        color: #88391c;
        /* text-shadow: 2px 1px 4px rgba(0,0,0,0.3); */
    }
    
    #music{
        background-color: #ce9e8c;
        height: 100vh;
        margin-bottom: 60vh;
    }
    .music_albumcover{
        width: calc(50% - 200px);
        margin-left: 100px;
        float: left;
        position: relative;
    }
    
    .music_albumcover img{
        filter: drop-shadow(5px 5px 14px rgba(0,0,0,0.3));
        width: 600px;
        position: absolute;
        right: 0;
        top: calc(100vh / 2 - 300px);
    }
    
    .music_contentblock{
        width: calc(50% - 200px);
        margin-right: 100px;
        float: right;
        height: 600px;
        position: relative;
    }
    
    .music_contentblock_inside{
        height: 550px;
        position: absolute;
        width: 600px;
        left: 0;
        top: calc(100vh / 2 - 275px);
    }
    
    .music_titleblock{
        position: absolute;
        top: 0;
    }
    
    .music_titleblock h1{
        font-size: 24px;
        color: #222222;
    }
    
    .music_titleblock h2{
        font-size: 48px;
        color: #88391c;
    }
    
    .music_spotify{
        position: absolute;
        top: calc(50% - 76px);
        width: 100%;
    }
    
    .music_streaming{
        position: absolute;
        bottom: 0;
        width: 100%
    }
    
    .music_streaming h1{
        font-size: 24px;
        color: #222222;
    }
    
    .music_streaming ul{
        list-style-type: none;
        margin: 15px 0 0 0;
        padding: 0;
        overflow: hidden;
        width: 100%
    }
    
    .music_streaming li{
        float: left;
        width: calc(100% / 5);
        display: block;
        text-decoration: none;
    }
    
    .music_streaming svg{
        float: left;
        height: 35px;
        height: 35px;
    }
    
    .st0{ fill: #88391c; }
    
    .st2{ fill: #ce9e8c; }
    
    .music_streaming p{
        vertical-align: middle;
        float: left;
        margin-left: 7px;
        font-size: 14px;
    }
    
    .music_streaming .streaming_align{
        line-height: 35px;
        text-align: right;
    }
    
    .music_streaming .streaming_align_double{
        line-height: 17px;
    }
    
    .footer{
        background-color: #5E2218;
        position: fixed;
        height: calc(60vh - 200px);
        width: calc(100% - 200px);
        padding: 100px;
        bottom: 0;
        z-index: -100;
    }
    
    .footer .footer_block{
        width: calc(100% / 3 - 40px);
        margin: 0 20px;
        float: left;
        color: #eeded0;
    }
    
    .footer_bio p{
        margin-top: 20px;
    }
    
    .footer p{
        font-size: 16px;
    }
    
    .footer_contactinfo a{
        color: #eeded0;
        text-decoration: none;
    }
    
    .footer_contactinfo a:hover{
        color: #593006;
    }
    
    .footer .footer_contactinfo_block{
        margin-bottom: 40px;
    }
    
    .footer_contactinfo p,a{
        margin: 10px 0 0 0;
    }
    
    .footer_socials ul{
        list-style-type: none;
        margin: 10px 0 0 0;
        padding: 0;
        overflow: hidden;
        width: 100%
    }
    
    .footer_socials li{
        float: left;
        display: block;
        text-decoration: none;
        width: 200px;
    }
    
    .footer_socials li:hover i{
        color: #593006;
    }
    
    .footer_socials p{
        float: left;
        line-height: 30px;
        margin-left: 10px;
        color: #eeded0;
    }
    
    .footer_socials i{
        float: left;
        font-size: 30px;
        color: #eeded0;
    }
    
    .footer_bottom{
        width: 100vw;
        float: left;
        text-align: center;
        position: absolute;
        bottom: 30px;
        font-size: 12px !important;
        color: #222222;
    }
}