body { overflow-x: hidden; font-family: 'Roboto', sans-serif;}
header { background: url(images/bg1.jpg) center center; background-size: cover; padding: 77px 0; }
footer { padding: 77px 0; background: #000 }
section { padding: 100px 0; }
.bg2 { background: url(images/bg2.jpg); background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; }

.bg3 { background: url(images/bg3.jpg); background-size: cover; }

.bg-green { background: #c07055; }
.bg-black { background: #000; }
.text-green { color: #c07055; }

.logo { max-width: 450px; display: block; margin: auto; padding: 50px 0; }
h1 { color: #fff; font-size: 1.7rem; line-height: 2.7rem; font-weight: normal; font-family: 'Roboto Condensed', sans-serif; }
h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 27px; font-weight: bold; }
h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 17px; font-weight: bold; }

.fs30 { font-size: 2rem; font-family: 'Roboto Condensed', sans-serif; }
blockquote { font-weight: bold; font-size: 21px; display: inline; text-align: center; margin: auto; }
.slash { display: flex; text-align: center; margin: auto; width: 700px; }
.slash::before { content: "/"; color: #c07055; padding-right: 0px; font-size: 97px; margin-top: -15px; }
.slash::after { content: "/"; color: #c07055; padding-left: 0px; font-size: 97px; margin-top: -15px; }
.fwnormal { font-weight: normal !important; line-height: normal; }
.fwbold { font-weight: bold !important; }
ul { padding: 0; margin: 0; }
ul li { list-style: none; font-size: 20px; }
footer li { color: #fff; display: inline; font-family: 'Roboto Condensed', sans-serif; }
footer li::after { display: inline; content: "/"; color: #c07055; padding-left: 10px; padding-right: 10px }
footer li:last-child::after { content: ""; }
footer .newcolors li { color: #c07055; font-size: 14px }
footer li::after { color: #c07055; display: inline; content: "/"; padding-left: 10px; padding-right: 10px }
footer a { color: #c07055; }
footer a:hover { color: #fff; }
.btn-primary { background: #c07055; border: 0; align-self: center;  height: auto; }  
.btn-primary:hover { background: #000; }
.slideUp { animation-name: slideUp; animation-duration: .7s; animation-timing-function: ease-out; }
.navbar .btn { position: absolute; right: 10px; top: 30px }
@keyframes slideUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.navbar .logo { max-width: 77px; }


.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.modal h1, .modal h2,.modal h3,.modal h4,.modal h5, .modal li { font-size: 14px; }
.modal h1, .modal h2,.modal h3,.modal h4,.modal h5 { font-weight: bold; }

@media (max-width: 991.98px) {
    /* .second-row-mobile {
        margin-left: auto;
        margin-right: auto;
    } */
    .slash { width: 100%; }
    .slash::before { margin: -15px 0 0 -20px; font-size: 57px; padding: 0; }
    .slash::after { margin: -15px -20px 0 0; font-size: 57px; padding: 0; }
    blockquote { font-size: 12px; }
    section { padding: 40px 0; }
    .mpy-0 { padding: 0 !important; }
    .logos .img-fluid { width: 70%; display: block; margin: 20px auto; max-width: 200px; }
    .logo { max-width: 200px; padding: 0; }
    .fs30 { font-size: 20px; }
    
    footer { padding: 40px 0; }
    footer h2 { font-size: 14px; }
    footer li { font-size: 14px; display: block;}
    .mmt-0 { margin: 20px 0 0 0 !important; }
    footer li::after { content: ""; padding: 0; margin: 0; }
    h1 { font-size: 21px; line-height: 34px; }
    body { width: 101%; }
    .navbar .logo { width: 50px; }
    .navbar .text-center { text-align: left !important; }
    .mxnone { margin: 0 0 !important; }
    .navbar .btn { position: absolute; right: -30px; top: 10px }
    .msmall img { width: 200px; max-width: 140px; }
}
@media (max-width: 800px) {
    .offset { margin-left: 15%; }
}
.w-100 { width: 100%; }

.pull-right { float: right; align-self: center; }
.hidden {
    display: none;
}

.visible {
    display: block;
}