body { font-family: "Open Sans", sans-serif; font-size: .9rem; font-weight: 400; font-style: normal; color: #000; }
h6, h5, h4, h3, h2, h1 { font-family: "Varela Round", sans-serif; font-weight: 400; font-style: normal; color: #000; }
a { color: #000; text-decoration: none; }
    a:hover { text-decoration: underline; }

.font-varela { font-family: "Varela Round", sans-serif !important; }

.title { font-size: 7.5rem; line-height: .9em; }
.hover-black:hover { background-color: #000; color: #fff !important; }

.w-35px { width: 35px; }
.h-35px { height: 35px; }

@media (max-width: 1199px) {
    .title { font-size: 5rem; line-height: .8em; }
}

@media (min-width: 1200px) {
    .border-home { border-right: solid 1px #000; }

    .ps-xxl-7 { padding-left: 5rem !important; }
    .pe-xxl-7 { padding-right: 5rem !important; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .title { font-size: 6rem; line-height: .8em; }
}