html {
    max-width: 100%!important;
    overflow-x: hidden!important;
}

body {
    margin: 0;
    font-family: Alata, sans-serif;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.bg1 {
    background-repeat: no-repeat;
}

.bg1::before {
    content: '';
    position: fixed;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('assets/img/bigbacko.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.bg2 {
    background-repeat: no-repeat;
}

.bg2::before {
    content: '';
    position: fixed;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('assets/img/bigbacko2.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

@media (max-width:767px) {
    .bg1::before {
        background-image: url('assets/img/bigbackomobo.webp')!important;
    }

    .bg2::before {
        background-image: url('assets/img/bigbackomobo2.webp')!important;
    }
}

.tops {
    margin-top: 6rem;
}

.btn {
    text-transform: uppercase;
    font-family: Alata, sans serif;
}

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    font-family: Alata, sans serif;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.bgpsh {
    background: linear-gradient(214deg, rgb(37, 72, 112) 0%, rgb(62, 116, 178) 100%);
}

/* primary */
.text-primary {
    --bs-text-opacity: 1;
    color: #1b3d58 !important;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #1b3d58 !important;
}

.link-primary {
    color: #1b3d58;
}

.link-primary:focus,
.link-primary:hover {
    color: #1b3d58;
}

.btn-primary {
    color: #fff;
    background-color: #1b3d58;
    border-color: #1b3d58;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1b3d58;
    border-color: #1b3d58;
}

/* secondary */
.text-secondary {
    --bs-text-opacity: 1;
    color: #7da0ca !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #7da0ca !important;
}

.link-secondary {
    color: #7da0ca;
}

.link-secondary:focus,
.link-secondary:hover {
    color: #7da0ca;
}

.btn-secondary {
    color: #fff;
    background-color: #7da0ca;
    border-color: #7da0ca;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #93a8ac;
    border-color: #93a8ac;
}

.border-secondary {
    border-color: #99bcc4!important;
}

/* danger */
.text-danger {
    --bs-text-opacity: 1;
    color: #97344d !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: #97344d !important;
}

.link-danger {
    color: #97344d;
}

.link-danger:focus,
.link-danger:hover {
    color: #97344d;
}

.btn-danger {
    color: #fff;
    background-color: #97344d;
    border-color: #97344d;
}

.btn-danger:hover {
    color: #fff;
    background-color: #97344d;
    border-color: #97344d;
}

/* dark */
.text-dark {
    --bs-text-opacity: 1;
    color: #000000!important;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: #171717 !important;
}

.link-dark {
    color: #000000;
}

.link-dark:focus,
.link-dark:hover {
    color: #000000;
}

.btn-dark {
    color: #fff;
    background-color: #000000;
    border-color: #0c0c0c;
}

.btn-dark:hover {
    color: #fff;
    background-color: #131313;
    border-color: #000000;
}

/* warning */
.text-warning {
    --bs-text-opacity: 1;
    color: #d7ceb2!important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: #d7ceb2 !important;
}

.link-warning {
    color: #d7ceb2;
}

.link-warning:focus,
.link-warning:hover {
    color: #d7ceb2;
}

.btn-warning {
    color: rgb(0, 0, 0);
    background-color: #d7ceb2;
    border-color: #d7ceb2;
}

.btn-warning:hover {
    color: rgb(28, 28, 28);
    background-color: #d7ceb2;
    border-color: #d7ceb2;
}

.border-warning {
    border-color: #d7ceb2!important;
}

a {
    color: #2e4e7e;
    text-decoration: underline;
}

a:hover {
    color: #2e538a;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Alata, sans serif;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 114%;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.capbg {
    background-color: rgba(17, 17, 17, 0.54);
}

.nav-link:hover {
    color: #4c5760 !important;
}

@media (min-width:768px) {
    img.smurf {
        max-width: 550px;
    }
}

.navbar-light .navbar-nav .nav-link {
    color: #324759;
}