@font-face {
    font-family: 'montserratthin';
    src: url('../font/montserrat-variablefont_wght-webfont.woff2') format('woff2'),
         url('../font/montserrat-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambold';
    src: url('../font/gotham-bold-webfont.woff2') format('woff2'),
         url('../font/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('../font/gotham-book-webfont.woff2') format('woff2'),
         url('../font/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.mbg_0{
    position:absolute;
    display:inline-block;
    top:0px;
    left:0px;
    z-index:10;
    opacity:.6;
    width:100vw;
    height:100vh;
    background: url("../img/inicio/fm1.jpg") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height:600px;
}

.mbg_1{
    position:absolute;
    display:inline-block;
    top:0px;
    left:0px;
    z-index:12;
    width:100vw;
    height:100vh;
    background: url("../img/inicio/fm2.png") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height:600px;
    mix-blend-mode: hard-light;
}

.mbg_2{
    position:absolute;
    display:inline-block;
    top:0px;
    left:0px;
    z-index:14;
    width:100vw;
    height:100vh;
    opacity: 1;
    overflow:hidden;
    min-height:600px;
    mix-blend-mode: overlay;
    
}
.mbg_2_inside{
    width:100%;
    height:100%;
    background: url("../img/inicio/fm3.png") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transform: scale(1.4);
}

#top_content_wrap{
    position: relative;
    min-height:600px;
}

.content3{
    position:relative;
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content: space-evenly;
    z-index:16;
    width:100vw;
    height:100vh;
    min-height: 600px;
}

.mlogo{
    position:relative;
    display:inline-block;
    height:40%;
}
.mtxt{
    position:relative;
    display:inline-block;
    font-family:gothambold;
    font-size:min(40px,12vw);
    
    color:white;
}
.social_iconos{
    position:relative;
    display:inline-flex;
    justify-content: space-evenly;
    width:100%;
    min-width:320px;
}
.social_icono{
    position:relative;
    display:inline-flex;
    width:50%;
    min-width:33px;
    max-width:50px;
    height:auto;
    cursor: pointer;
}
.addr_txt{
    font-family: montserratthin;
    font-size:min(14px,4vw);
    color:white;
    text-align:center;
    width:80%;
    max-width:360px;
    font-weight: bold;
}
.lower_txt{
    position:relative;
    display:inline-flex;
    width:100%;
    height:auto;
    justify-content: center;
    background:rgba(12,12,12,.92);
    place-self: flex-end;
}
.lower_png{
    position:relative;
    display:inline-flex;
    width:100%;
    height:auto;
    max-width:320px;
}
.social_iconos_wrap{
    position:relative;
    display:inline-flex;
    justify-content: space-evenly;
    max-width: 270px;
    width: 30%;
}