.crowdfunding {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999999999999999999999999;
    background-color: rgba(0, 0, 0, 0.7);
}

.landing_header_alt_2 {

    height: 320px;
    margin: 302px auto 200px;
    position: relative;
    width: 620px;
    background: url('../img/promo/christmas.jpg') 0px 0px no-repeat scroll rgba(0, 0, 0, 0);
    background-size: cover;
    display: none;
}

@media only screen and (max-width: 660px) {
    .landing_header_alt_2 {
        display: inherit;
        height: 383px;
        margin: 50px auto 200px;
        position: relative;
        width: 300px;
        background: url('../img/promo/christmas.jpg') 0px 0px no-repeat scroll rgba(0, 0, 0, 0);
        background-size: cover;
    }
}

.landing_header_2 a, .landing_header_alt_2 a {
    color: #000;
}

.landing_header_promo {
    height: 640px;
    width: 480px;
    margin: 30px auto 20px;
    position: relative;

    background: url('../img/promo/christmas.jpg') 0px 0px no-repeat scroll rgba(0, 0, 0, 0);
    background-size: cover;
}

@media only screen and (max-width: 660px) {
    .landing_header_promo {
        display: none;
    }
}

.closeadd {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    top: 0px;
    cursor: pointer;
    font-family: Roboto, Times, Arial;
    font-size: 2em;
    z-index: 9999999999999999999999;
    padding-top: 0.5em;

}

@media only screen and (max-width: 660px) {
    .closeadd {
        right: 15px;
    }
}

.enlace_landing {
    overflow: hidden;
    height: 320px;
    width: 640px;
    font-family: Dual, Roboto, Times, Arial;
}

.enlace_landing p {
    width: 40%;
}

.enlace_landing_alt {
    font-family: Dual, Roboto, Times, Arial;
}

@media only screen and (max-width: 660px) {
    .enlace_landing_alt p {
        width: 78%;
    }
}

.enlace_landing p:first-child {
    font-size: 2em;
    text-align: center;
    padding: 1em 0 0 1em;
}

.enlace_landing p:last-child {
    padding: 1.5em 0 0 2.9em;
}

.enlace_landing_alt p:first-child {
    font-size: 1.8em;
    text-align: center;
    padding: 0.8em 0 0 1em;
}

.enlace_landing_alt p:last-child {
    padding: 0.8em 0 0 2em;
}

.slider-promo-item {
    width: 100%;
}

.slider-promo-cover img,
.slider-promo-cover-ajax img {
    width: 100%;
}

.slider-promo-img {
    width: 100%;
}

.promo {
    height: auto;
    text-align: center;
    /*background-color: #fcee8d;*/
    background-color: white;
    margin-bottom: -4px;

}

.promo img {
    max-width: 100%;
    max-height: 100%;
}

.promo2 {
    height: auto;
    text-align: center;
    background-color: #fde5b6;
    margin-bottom: -4px;
}

.promo2 img {
    max-width: 100%;
    max-height: 100%;
}

.hidden {
    display: none;
}


.snow {
    font-family: Androgyne;
    background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'),
    url('http://www.wearewebstars.dk/codepen/img/s2.png'),
    url('http://www.wearewebstars.dk/codepen/img/s3.png');
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 400px 1000px, 200px 400px, 100px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }
    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }
}

.banner_home {
    background-image: url("../img/promo/cromos/fondo.jpg");
    width: 100%;
    height: 470px;
    display: inline-block;
}

@media only screen and (max-width: 1005px) {
    .banner_home {
        height: 700px;
    }
}

@media only screen and (max-width: 722px) {
    .banner_home {
        height: 550px;
    }
}

@media only screen and (max-width: 556px) {
    .banner_home {
        height: 480px;
    }
}

.promo-cromos {
    color: white;
    font-family: Roboto, Lato, Arial, Times;
    text-align: center;
    display: inline-block;
    margin-left: 10%;
}

@media only screen and (max-width: 1860px) {
    .promo-cromos {
        margin-left: 2%;
    }
}

@media only screen and (max-width: 1725px) {
    .promo-cromos {
        margin-left: 2%;
        max-width: 30%;
    }
}

@media only screen and (max-width: 1100px) {
    .promo-cromos {
        margin-left: 3%;
    }
}

@media only screen and (max-width: 1005px) {
    .promo-cromos {
        max-width: 80%;
        display: inline;
        overflow: hidden;
    }
}

.banner_home p.referencias {
    font-style: italic;
    font-size: 35px;
    padding: 2em 1em 1em 1em;
}

@media only screen and (max-width: 1725px) {
    .banner_home p.referencias {
        padding: 1em 0em 0.5em 1em;
    }
}

@media only screen and (max-width: 1100px) {
    .banner_home p.referencias {
        font-size: 25px;
        padding: 2em 0em 0.5em 1em;
    }
}

@media only screen and (max-width: 1005px) {
    .banner_home p.referencias {
        padding: 0em 0em 0em 0em;
    }
}

.banner_home p.etiqueta {
    line-height: 3;
    font-size: 22px;
}

@media only screen and (max-width: 1100px) {
    .banner_home p.etiqueta {
        font-size: 17px;
    }
}

.banner_home p.explicacion {
    padding: 2em 2em 3em 2em;
}

@media only screen and (max-width: 1100px) {
    .banner_home p.explicacion {
        font-size: 15px;
    }
}

@media only screen and (max-width: 915px) {
    .banner_home p.explicacion {
        padding: 0em 0em 2em 0em;
    }
}

@media only screen and (max-width: 605px) {
    .banner_home p.explicacion {
        margin: 0em 2em 0em 2em;
    }
}

.banner_home p.enlace a {
    font-size: 22px;
    color: black;
    padding: 10px 25px 10px 25px;
    background-color: white;
}

@media only screen and (max-width: 1005px) {
    .banner_home p.enlace a {
        font-size: 16px;
    }
}

.banner_home p.enlace a:hover {
    color: white;
    background-color: black;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.maxivideo {
    overflow: hidden;
    float: right;
    margin: 4em 20em 0em 0em;
}

@media only screen and (max-width: 1431px) {
    .maxivideo {
        margin: 4em 7em 0em 0em;
    }
}

@media only screen and (max-width: 1255px) {
    .maxivideo {
        margin: 4em 5em 0em 0em;
    }
}

@media only screen and (max-width: 1100px) {
    .maxivideo {
        margin: 4em 1em 0em 0em;
    }
}

@media only screen and (max-width: 1005px) {
    .maxivideo {
        float: none;
        margin: 1em 0em 0em 8em;
    }
}

@media only screen and (max-width: 820px) {
    .maxivideo {
        margin: 1em 0em 0em 4em;
    }
}

@media only screen and (max-width: 556px) {
    .maxivideo {
        margin: 1em 0em 0em 1.5em;
    }
}

.video-cromos {
    width: 650px;
    height: 360px;
}

@media only screen and (max-width: 740px) {
    .video-cromos {
        width: 480px;
        height: 280px;
        margin: 1em 0em 0em 2em;
    }
}

@media only screen and (max-width: 605px) {
    .video-cromos {
        margin: 1em 0em 0em 0em;
    }
}

@media only screen and (max-width: 556px) {
    .video-cromos {
        width: 330px;
        height: 180px;
    }
}