.footer h2.slogan {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 4.5vw;
}

.col-responsive .info h2 i {
    font-size: 35px;
    color: var(--accent);
    margin-right: 15px;
}

.col-responsive .info h2 {
    margin: 0px;
    color: #555555;
    font-size: 15px;
}

.col-responsive .info p {
    font-size: 14px !important;
}

.portals {
    margin: auto;
    width: 90%;
    text-align: center;
    padding-bottom: 40px;
}

.grizzly-block-twee {
    background-color: #F4F4F4;
}

.griztopSection {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.0) 95%), url(https://silveressence.net/images/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 530px;
}

.grizzly-block-twee .grizzly-tekst,
details,
.grizzly-block-een .grizzly-tekst,
.grizzly-intro .grizzly-tekst {
    width: 90%;
    max-width: 1280px;
    margin: auto;
}

section.sectionTop {
    height: auto;
    width: auto;
}

.topSection {
    height: auto !important;
    min-height: 28vw;
    padding-top: 0px;
}

.grizzly-intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.grizzly-intro .grizzly-tekst {
    display: grid;
    grid-template-columns: 55%;
}

.grizzly-tekst .griz-intro h1,
.griz-intro p {
    color: #fff;
}

.griz-intro h1 {
    font-size: 2.6rem;
    margin-bottom: 30px;
}

.grizzly-tekst .griz-intro h3 {
    font-size: 1.1rem;
    padding: 10px;
    color: #000;
    background-color: #ffffff82;
    border-radius: 5px;
    margin: 20px 0 10px 0;
}

.griz-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    padding-top: 30px;
}

.griz-cta a {
    display: inline-block;
    font-size: 1.3rem;
    color: #fff !important;
    padding: 10px 20px;
    background-color: #e28631;
    border-radius: 5px;
    transition-duration: 0.3s;
    text-decoration: none !important;
}

.griztopSection .grizzly-tekst .griz-cta a:hover {
    padding: 10px 26px;
    color: #fff !important;
}

.grizzly-tekst {
    color: #555;
}

.grizzly-tekst h2,
.grizzly-tekst h3 {
    padding-bottom: 20px;
    color: #000;
}

.grizzly-block-een {
    display: grid;
    grid-template-columns: 45% 55%;
    justify-content: space-between;
    grid-gap: 30px;
    max-width: 1180px;
    padding-bottom: 30px;
}

.griz-video iframe {
    width: 100%;
    height: 100%;
    min-height: 265px;
}

.grizzly-block-twee h2,
.grizzly-block-twee h3 {
    padding-top: 30px;
}

.grizzly-block-twee ul {
    padding: 5px;
    padding-left: 18px;
    list-style-type: square;
}

.grizzly-block-twee ul li {
    padding-bottom: 5px;
}

.footer-middle .inner-container span {
    display: block;
    padding: 5px;
}

.grizzly-block-twee {
    padding: 3vw 0;
}

.grizzly-block-twee .grizzly-tekst h3,
.grizzly-block-twee .grizzly-tekst p {
    max-width: 980px;
}

.grizzly-block-twee {
    display: grid;
    grid-template-columns: 35% 65%;
    max-width: 1280px;
    width: 90%;
    margin: auto;
}

.grizzly-block-twee .blocks-outer .blocks-container {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0.5rem;
}


.grizzly-block-twee .blocks-outer h3 {
    padding-top: 5px;
}

.blocks-outer .blocks-container i {
    font-size: 5rem;
}

.blocks-outer .blocks-container .block {
    background-color: #ffffff !important;
}

section.griz-2 {
    background-color: #F4F4F4;
}

summary {
    padding: 16px;
    background-color: #E28631;
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    transition-duration: 0.3s;
}

summary:hover {
    background-color: #ED3D30;
}

details p {
    padding: 30px;
    padding-bottom: 30px !important;
    background-color: #F4F4F4;
}

.grizzly-tekst a {
    text-decoration: underline;
    font-weight: 500;
    color: #E28631;
}

.grizzly-tekst a:hover {
    color: #ED3D30 !important;
    text-decoration: none;
}

section.usps {
    background-color: #F4F4F4;
}

.griz-usp {
    width: 90%;
    max-width: 1280px;
    margin: auto;
}

.griz-usp ul {
    list-style-type: none;
    padding: 50px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.griz-usp li {
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    background-color: #ffffff82;
    padding: 10px;
    border-radius: 5px;
}

.griz-usp li span {
    color: #E28631;
    font-size: 1.6rem;
    font-weight: 900;
}

.footer-middle a {
    text-decoration: underline;
}

.footer-middle a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 980px) {

    .grizzly-intro .grizzly-tekst,
    .grizzly-block-een,
    .grizzly-block-twee {
        grid-template-columns: 100%;
    }

    .grizzly-block-twee .blocks-outer .blocks-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 720px) {
    .grizzly-block-twee .blocks-outer .blocks-container {
        grid-template-columns: 100%;
    }

    details {
        width: 100%;
    }

    .grizzly-block-twee {
        padding: 8vw 0;
    }

    .griz-usp li {
        width: 100%;
    }
}