@font-face {
  font-family: BrochaBold;
  src: url(fonts/Brocha_W00_Bold.ttf) format("truetype");
}
html, body {
	height: 100%;
    width: 100%;
}
body {
    margin: 0px;
    text-align: center;
    background-image: url("../img/bg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.logo {
    position: absolute;
    top: 20.416vw;
    left: 50%;
    margin-left: -18.542vw;
    width: 37.084vw;
}
.logo-2 {
    position: absolute;
    top: 43.334vw;
    left: 50%;
    margin-left: -7.5vw;
    width: 15.053vw;
}
.insta {
    position: absolute;
    top: 50.834vw;
    left: 50%;
    margin-left: -5.625vw;
    width: 2.709vw;
}
.face {
    position: absolute;
    top: 50.834vw;
    left: 50%;
    margin-left: -1.355vw;
    width: 2.709vw;
}
.ico {
    position: absolute;
    top: 50.834vw;
    left: 50%;
    margin-left: 2.917vw;
    width: 2.709vw;
}
.btn {
    position: absolute;
    left: 50%;
    color: #fff;
    width: 14.584vw;
    border: solid 0.105vw #fff;
    border-radius: 1.4vw;
    font-size: 1.3vw;
    padding: 0.73vw 1.6vw;
    text-decoration: none;
    font-family: BrochaBold;
}
.btn:hover {
    color: #000;
    background-color: #fff;
}
.spotify-btn {
    margin-left: -28.65vw;
    top: 33.13vw;
}
.itunes-btn {
    margin-left: -8.92vw;
    top: 33.13vw;
}
.youtube-btn {
    margin-left: 10.8vw;
    top: 33.13vw;
}
.contact-btn {
    margin-left: -6.355vw;
    top: 38.5vw;
    position: absolute;
    left: 50%;
    color: #fff;
    width: 9.38vw;
    border: solid 0.105vw #fff;
    border-radius: 1.4vw;
    font-size: 1.3vw;
    padding: 0.521vw 1.6vw;
    text-decoration: none;
    font-family: BrochaBold;
}
.siguenos {
    position: absolute;
    top: 47.92vw;
    left: 50%;
    margin-left: -20.833vw;
    width: 41.667vw;
    font-size: 1.3vw;
    font-family: BrochaBold;
    color: #fff;
}

@media screen and (max-width: 840px) {
    body {
        background-image: url("../img/bg-m.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .logo {
        top: 68vw;
        margin-left: -40vw;
        width: 80vw;
    }
    .btn {
        width: 58vw;
        border: solid 0.5vw #fff;
        border-radius: 6vw;
        font-size: 5.2vw;
        padding: 1.2vw 2vw;
    }
    .itunes-btn {
        margin-left: -30.6vw;
        top: 98vw;
    }
    .spotify-btn {
        margin-left: -30.6vw;
        top: 115vw;
    }
    .youtube-btn {
        margin-left: -30.6vw;
        top: 132vw;
    }
    .contact-btn {
        margin-left: -19.5vw;
        top: 147vw;
        width: 34vw !important;
        font-size: 4.2vw !important;
        padding: 1vw 0vw !important;
    }
    .logo-2 {
        top: 162vw;
        margin-left: -23vw;
        width: 46vw;
    }
    .siguenos {
        top: 180vw;
        margin-left: -31vw;
        width: 62vw;
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    .insta {
        top: 196vw;
        margin-left: -15vw;
        width: 7vw;
    }
    .face {
        top: 196vw;
        margin-left: -3vw;
        width: 7vw;
    }
    .ico {
        top: 196vw;
        margin-left: 9vw;
        width: 7vw;
    }
}