@font-face {
            font-family: Latinx-Black;
            src: url('../fonts/latinxblack.woff');
            src: url('../fonts/latinxblack.woff2');
}

@font-face {
    font-family: NHaasGroteskDSPro55Rg;
    src: url('../fonts/nhaasgroteskdspro55Rg.ttf');
}

@font-face {
    font-family: NHaasGroteskDSPro75bd;
    src: url('../fonts/nhaasgroteskdspro75bd.ttf'); 
}

/* Webfont: LatinxText-RegularOblique */
@font-face {
    font-family: 'Latinx Text';
    src: url( '../fonts/LatinxText-RegularOblique.eot'); 
    src: url( '../fonts/LatinxText-RegularOblique.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-RegularOblique.woff2') format('woff2'), 
         url( '../fonts/LatinxText-RegularOblique.woff') format('woff'), 
         url( '../fonts/LatinxText-RegularOblique.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
}

/* Webfont: LatinxText-Regular */
@font-face {
    font-family: 'LatinxTextRegular';
    src: url( '../fonts/LatinxText-Regular.eot'); 
    src: url( '../fonts/LatinxText-Regular.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-Regular.woff2') format('woff2'), 
         url( '../fonts/LatinxText-Regular.woff') format('woff'), 
         url( '../fonts/LatinxText-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

/* Webfont: LatinxText-Bold */
@font-face {
    font-family: 'LatinxTextBold';
    src: url( '../fonts/LatinxText-Bold.eot'); 
    src: url( '../fonts/LatinxText-Bold.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-Bold.woff2') format('woff2'), 
         url( '../fonts/LatinxText-Bold.woff') format('woff'), 
         url( '../fonts/LatinxText-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}   

/* Webfont: LatinxText-BoldOblique */
@font-face {
    font-family: 'Latinx Text';
    src: url( '../fonts/LatinxText-BoldOblique.eot'); 
    src: url( '../fonts/LatinxText-BoldOblique.eot?#iefix') format('embedded-opentype'),
         url( '../fonts/LatinxText-BoldOblique.woff2') format('woff2'), 
         url( '../fonts/LatinxText-BoldOblique.woff') format('woff'), 
         url( '../fonts/LatinxText-BoldOblique.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
}   

/* Webfont: HeroinePro-CondMedium */
@font-face {
    font-family: 'HeroinePro';
    src: url( '../fonts/HeroinePro-CondMedium.otf');
    font-style: normal;
    font-weight: 700;
}

/* Webfont: Jannon Regular*/
@font-face {
    font-family: 'Jannon Regular';
    src: url( '../fonts/JannonText-Regular-C.otf');
    font-style: normal;
    font-weight: 700;
}

/* Webfont: Jannon Italic*/
@font-face {
    font-family: 'Jannon Italic';
    src: url( '../fonts/Jannon Text Italic.otf');
    font-style: normal;
    font-weight: 700;
}

p{
    color: black;
    font-size:14px;
}

/*----------------------- Brathwaite ------------------------- */

#BRTH_titulo_P{
        color: black;
        font-family: LatinxTextBold;
        font-size:36px;
        padding: 10px 20px 10px 20px;
}


#BRTH_artista{
        color: black;
        font-family: LatinxTextRegular;
        font-size:16px;
        padding: 10px 20px 0px 20px;
}

#BRTH_titulo{
        color: black;
        font-family: LatinxTextBold;
        font-size:14px;
        padding: 10px 20px 0px 20px;
}

#BRTH_texto{
        color: black;
        font-family: LatinxTextRegular;
        font-size:14px;
        padding: 10px 20px 10px 20px;
}

#BRTH_fecha{
        color: black;
        font-family: LatinxTextRegular;
        font-size:12px;
        padding: 0px 0px 10px 20px;
}

#BRTH_origen{
        color: black;
        font-family: LatinxTextRegular;
        font-size:14px;
        padding: 40px 20px 10px 20px;

#DCAC_cuerpoTexto{
        color: black;
        font-family: LatinxTextRegular;
        font-size:14px;
        padding: 20px 20px 20px 20px;

}


/*----------------------- Media Queries  ------------------------- */
#malba_360{
    width:900px; height:506px
}

@media (max-width: 1024px) {  
         #malba_360{
             width: 600px;
             height: 334px;
         }
}
@media (max-width: 1024px) {  
         #malba_360{
             width: 300px;
             height: 168px;
         }
}
.flex-video-360 #malba_360 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
.flex-video-360 {
    position: relative;
    padding-top: 0;
    padding-bottom: 56.22%;
    height: 0;
    margin-bottom: 30px;
    overflow: hidden;
}