body {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    letter-spacing: 3px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    background-color: #FFFBF0;
    font-size: 18px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
h1, h2, h3, h5 {
    font-family: 'Bebas Neue', cursive;
    color:#30A1B2;
    text-shadow: none;
}
h1 {
    line-height: .9;
}
.page-wrapper {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
}
.page-wrapper:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.background {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: fixed;
    z-index: -2;
    display: block;
}
.zoom {
    transition: all 1s ease;
    transform: scale(1.2);
}

/* .tatu {
    position: fixed;
    bottom: 10px;
    right: 10px;
    left: 50%;
    margin-left: -75px;
} */
.tatu img {
    width: 150px;
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0.85));
}
.btn {
    border-radius: 1.2em;
    text-shadow: none;
}
@media screen and (min-width: 760px) {
    .page-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    h1 {
        font-size: 5em;
    }
    .h5 {
        font-size: 3em;
    }
}
.logo-just{
    width: 200px;
    margin: 50px 0;
}
.btn-llamanos{
    background-color: rgba(6, 210, 83,.7);border-color: #06D253;color: #FFF;;
    
}
.btn-llamanos:hover{
    background-color: #06D253;border-color: #06D253;color: #FFF;
}
.btn-contacto{
    background-color: rgba(202, 20, 29, .7);border-color: #AD2223;color:#FFF

}
.btn-contacto:hover{
    background-color: #AD2223;border-color: #AD2223;color:#FFF
}

.btn-download{
    background-color: #274763;
    color:#FFF;
    border-radius: 0;
}
.btn-download:hover{
    background-color: #30A1B2;
    color:#FFF;
    border-radius: 0;
}
@media screen and (min-width: 1024px) {}
@media screen and (min-width: 1440px) {}