@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:600&display=swap');

body{
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    background: #1c1c1c; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1c1c1c 1%, #010101 15%, #121212 30%, #121212 30%, #010101 42%, #121212 49%, #121212 49%, #121212 57%, #0a0a0a 70%, #0a0a0a 77%, #191919 90%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#1c1c1c), color-stop(15%,#010101), color-stop(30%,#121212), color-stop(30%,#121212), color-stop(42%,#010101), color-stop(49%,#121212), color-stop(49%,#121212), color-stop(57%,#121212), color-stop(70%,#0a0a0a), color-stop(77%,#0a0a0a), color-stop(90%,#191919), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #1c1c1c 1%,#010101 15%,#121212 30%,#121212 30%,#010101 42%,#121212 49%,#121212 49%,#121212 57%,#0a0a0a 70%,#0a0a0a 77%,#191919 90%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #1c1c1c 1%,#010101 15%,#121212 30%,#121212 30%,#010101 42%,#121212 49%,#121212 49%,#121212 57%,#0a0a0a 70%,#0a0a0a 77%,#191919 90%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #1c1c1c 1%,#010101 15%,#121212 30%,#121212 30%,#010101 42%,#121212 49%,#121212 49%,#121212 57%,#0a0a0a 70%,#0a0a0a 77%,#191919 90%,#131313 100%); /* IE10+ */
    background: linear-gradient(135deg, #1c1c1c 1%,#010101 15%,#121212 30%,#121212 30%,#010101 42%,#121212 49%,#121212 49%,#121212 57%,#0a0a0a 70%,#0a0a0a 77%,#191919 90%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


header {
    height: 50vh;
    background-image: url('../assets/img/header-background.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imagen-header{
    width: 70%;
}

.texto-principal{
    font-family: 'Source Sans Pro', sans-serif;
    color: #9be644;
    letter-spacing: 5px;
}

.texto-hero{
    font-size: 'Source Sans Pro', sans-serif;
    font-size: 32px;
    line-height: 40px;
}
.texto-color{
    color: #9be644;
}

.img-store{
    width: 50%;
    cursor: pointer;
}

.link-web{
    color: #9be644;
    letter-spacing: 5px;
}

.link{
    color: #9be644;
    letter-spacing: 5px;
}

.link:hover{
    color: #9be644;
}

.texto-info{
    font-size: 24px;
}
.texto-numero{
    font-size: 22px;
    color: #9be644;
    letter-spacing: 5px; 
}

.link-social{
    font-size: 'Source Sans Pro', sans-serif;
    color: #9be644;
    letter-spacing: 5px;
    font-size: 20px;
}

.link-social:hover{
    color: #9be644;
}

.social{
    color: #9be644;
}

@media only screen and (min-width: 1200px){
   header {
       height: 75vh;
       background-image: url('../assets/img/pc/header-fondo.png');
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
   }

   .imagen-header{
       width: 40%;
   }

   .texto-principal{
       font-size: 42px;
   }

   .texto-hero{
       font-size: 48px;
   }

   .img-store{
       width: 30%;
   }

   .link-web{
       font-size: 32px;
   }

   .link {
        font-size: 32px;
        letter-spacing: 5px;
   }
   .texto-info{
       font-size: 35px;
   }

   .texto-numero{
       font-size: 34px;
   }
}