@font-face {
    font-family: "Regular";
    src: url("../fonts/OldStandardTT-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Italic";
    src: url("../fonts/OldStandardTT-Italic.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Bold";
    src: url("../fonts/OldStandardTT-Bold.ttf");
    font-weight: normal;
    font-style: normal;
}
html, body{
    height: 100%;
}
body {
    background-color:#cec0b3;
    font-family: 'Regular','Playfair Display', 'Helvetica Neue', sans-serif;
}
@keyframes fade-in-move {
    0% {opacity:0;transform: translateX(3rem);}
    100% {opacity:1;transition-delay:var(--second);translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);}
}

@-moz-keyframes fade-in-move {
    0% {opacity:0;transform: translateX(3rem);}
    100% {opacity:1;transition-delay:var(--second);translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);}
}

@-webkit-keyframes fade-in-move {
    0% {opacity:0;transform: translateX(3rem);}
    100% {opacity:1;transition-delay:var(--second);}
}

@-o-keyframes fade-in-move {
    0% {opacity:0;transform: translateX(3rem);}
    100% {opacity:1;transition-delay:var(--second);translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);}
}

@-ms-keyframes fade-in-move {
    0% {opacity:0;transform: translateX(3rem);}
    100% {opacity:1;transition-delay:var(--second);translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);}
}
::selection {
    background: #333;
    color: #fff;
}

:root{
    --delay-1:2s;
    --delay-2:3s;
    --delay-3:4s;
    --second:2s;
}

h1{font-size:2.25vw;letter-spacing:1px;}
h2{font-size:1.6vw;letter-spacing:1px;}

.wrapper{
    max-width:1280px;
    width:100%;height:100%;
}
.wrapper-inner{
}

.background-image{
    background-size:70%;
    background-image:url('../images/boco/boco-comingsoon-bg.png');
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;height:100%;
    position:absolute;
}

.text-box{
    position:absolute;top:50%;left:41%;
    transform: translate(-50%,-50%);
}

.animation-move {
    animation: fade-in-move ease var(--second) ;
}
.content{padding-left:0px;padding-right:0px;}
.who-we-are{}
.see-you-soon{margin-top:2vw;margin-bottom:5vw;}
.logo{}

.background-image-full{
    background-image: none;
}
.background-image-full img{
    height:350px;
    width:100%;
}

@media screen and (min-width: 1281px) {
    h1 {font-size:29px;}
    h2 {font-size:16px;}
}

@media screen and (max-width: 767px) {
    h1 {font-size:29px;}
    h2 {font-size:16px;}
    .background-image{
        background-image: none;
        height:unset;
    }
    .background-image-full{
        width:100%;height:100%;
        background-image:url('../images/boco/boco-comingsoon-mobile2.jpg');
        background-repeat:no-repeat;
        background-size:auto;
        background-position:top right;
    }
    .text-box{
        /*top:100%;*/
        height:100%;
        margin-top:375px;
    }
}
@media screen and (max-width: 480px) {
    h1{font-size:5.8vw;letter-spacing:1px;}
    h2{font-size:3.0vw;letter-spacing:1px;}
}