/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}.coverimage{background-repeat:no-repeat no-repeat;background-size:cover !important;background-position:50% 50%;}.coverfixed{background-size:cover;background-attachment:fixed;}.cfix{*zoom:1;}.cfix:before,.cfix:after{display:table;content:"";}.cfix:after{clear:both;}.astable{width:100%;height:100%;display:table;}.ascell{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;}.vertical-content:before{content:'';display:inline-block;vertical-align:middle;height:100%;width:1px;}.transition{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
::selection {
    color:#fff;
    background:#ff00b4;
}
h1, h2, h3, h4 {
    font-weight:400;
}
body {
    font-family:"Bodoni Moda", serif;
    font-size:18px;
    background:#000;
    color:#fff;
}
p {
    font-family:'Roboto Condensed', sans-serif;
}
a {
    text-decoration:none;
    transition:all .3s ease;
}
.hero {
    background:url(../img/bg-hero.jpg) center no-repeat;
    background-size:cover;
    height:100vh;
}
.header {
    position:sticky;
    top:0;
    width:100%;
    height:84px;
    padding:15px 0;
    background:rgba(0,0,0,.6);
    margin-top:-84px;
    z-index:9999;
    /* transform:translateY(-100%); */
}
.header .wrap {
    display:grid;
    grid-template-columns:300px 1fr;
    grid-gap:30px;
    max-width:1366px;
    padding:0 15px;
    margin:0 auto;
}
.header .logo {
    height:54px;
    width:auto;
    /* filter:invert(1); */
}
.header .nav-menu .menu {
    list-style:none;
    margin:0;
    padding:5px 0;
    text-align:right;
}
.header .nav-menu .menu li {
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
}
.header .nav-menu .menu li a {
    color:#fff;
    text-decoration:none;
    line-height:44px;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:2px;
}
.header .nav-menu .menu li a:hover {
    color:#ccc;
}
.main-container {
    max-width:1080px;
    margin:0 auto;
    padding:180px 15px 120px 15px;
}
.main-grid {
    display:grid;
    /* grid-template-columns:repeat(3, minmax(0, 1fr)); */
    grid-template-columns:1fr;
    grid-gap:100px 30px;
}
.title-heading h2 {
    color:#ff00b4;
    font-size:60px;
    text-transform:uppercase;
    margin:0;
    text-align:center;
}
.title-heading {
    margin-bottom:40px;
}
.album,
.about {
    display:grid;
    grid-template-columns:4fr 5fr;
    grid-gap:30px;
    /* align-items:center; */
}
.album .album-cover {
    position:relative;
    padding-top:124%;
}
.album .album-cover iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.album .album-cover img,
.about-img img {
    max-width:100%;
    height:auto;
}
.album .album-info .inner-wrap {
    max-width:489px;
}
.album .album-info h3 {
    font-size:30px;
    margin-top:0;
    margin-bottom:5px;
    text-transform:uppercase;
}
.album .album-info p,
.about-txt p {
    font-family:'Roboto Condensed', sans-serif;
    font-size:20px;
    color:#dedede;
    font-weight:300;
}
.album .album-info p.album-date {
    font-size:17px;
    color:#999;
    margin:0 0 30px 0;
}
.album .album-info .album-links {
    margin:45px 0 0 0;
    padding:0;
    list-style:none;
}
.album .album-info .album-links li {
    display:inline-block;
    margin-right:15px;
    margin-bottom:15px;
}
.album .album-info .album-links li a {
    /* font-family:'Roboto', sans-serif; */
    color:#666;
    text-decoration:none;
    display:block;
    border:1px solid #fff;
    padding:8px 18px;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1.3px;
}
.album .album-info .album-links li a:hover {
    background:#fff;
    color:#000;
}
.video-wrapper {
    position:relative;
    padding-top:56.25%;
}
.video-wrapper iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.footer {
    background:#222;
    padding:15px;
    font-size:11px;
    text-align:center;
    color:#fff;
}
.contacto {
    text-align:center;
}
.contacto a {
    color:#fff;
}
.contacto a:hover {
    color:#ff00b4;
}
.footer a {
    font-family:'Roboto Condensed', sans-serif;
    font-size:11px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.8px;
}
.footer span {
    margin:0 15px;
}

@media screen and (max-width:1024px) {
    .header .nav-menu .menu li a span {
        display:none;
    }
}
@media screen and (max-width:640px) {
    .hero {
        background-image:url(../img/bg-hero_m.jpg);
        height:0;
        padding-top:131%;
    }
    .header {
        height:114px;
        padding:15px 0;
        margin-top:-114px;
        text-align:center;;
    }

    .header .wrap {
        grid-template-columns:1fr;
        grid-gap:20px;
    }
    .header .logo {
        width:auto;
        height:44px;
    }
    .header .nav-menu .menu {
        text-align:center;
    }
    .header .nav-menu .menu li {
        margin:0 15px;
    }

    .header .nav-menu .menu li a {
        line-height:20px;
    }
    .album,
    .about {
        grid-template-columns:1fr;
    }
    .title-heading h2 {
        font-size:48px;
    }
}