html,
body,
header,
.view {
    height: 100%;
}

@media (max-width: 740px) {
    html,
    body,
    header,
    .view {
        height: 100vh;
    }
}

.hero-shape {
    position: absolute;
    left: auto;
    top: -88%;
    right: -26%;
    bottom: auto;
    display: block;
    width: 90%;
    height: 160%;
    border-radius: 94px;
    background-color: #3883b4c7;
    -webkit-transform: rotate( -23deg);
    -ms-transform: rotate(-23deg);
    transform: rotate( -23deg);
}

@media only screen and (max-width: 760px) {
    #uno {
        color: #648b99!important;
    }
}

@media only screen and (min-width: 768px) {
    #uno {
        color: #ffffff!important;
    }
}