﻿.brandBlock {
    background: #fff;
}


.alert-danger {
    font-size: 150%;
}

header {
    font-size: 110%;
    text-transform: uppercase;
}

.background-cover {
    background-size: cover;
    background-repeat: no-repeat;
}

    .background-cover.home {
        background-image: url('/images/background-home.jpg');
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .background-cover.reparaties {
        background-image: url('/images/reparaties/background-reparaties.jpg');
        height: 100vh;
    }
    .background-cover.trouwringen {
        background-image: url('/images/trouwringen/background-trouwringen.jpg');
    }

    .background-cover.oud-goud {
        background-image: url('/images/oud-goud/background-oud-goud.jpg');
        color: #fff;
    }
        .background-cover.oud-goud a {
            color: #fff;
        }
    .background-cover.section-bg-1 {
        background-image: url('/images/sections/puttmann-background.jpg');
    }
    .background-cover.section-bg-2 {
        background-image: url('/images/sections/puttmann-background2.jpg');
    }
    .background-cover.section-bg-3 {
        background-image: url('/images/sections/puttmann-background3.jpg');
        border-bottom: 20px solid black;
    }
    .background-cover.section-bg-4 {
        background-image: url('/images/sections/puttmann-background4.jpg');
    }
    .background-cover.section-bg-5 {
        background-image: url('/images/sections/puttmann-background5.jpg');
    }

.section-padding-sides {
    padding: 30px 100px;
}

.card {
  margin-bottom: 10px;
}

.card-body {
	padding: 0px;
}

.homecards .card-body p {
    font-weight: 600;
}


.homecards .card-body h1 {
    font-size: clamp(40px, 4vw, 320%);
    font-weight: 300;
}

.reparaties .card-body h1 {
    font-size: clamp(40px, 4vw, 320%);
}


.brandBlock {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.text-black, a {
    color: #000;
}

footer h4, footer a {
    color: #fff;
}

@media (max-width: 901px) {
    .background-cover.home, .background-cover.reparaties, .background-cover.trouwringen {
        height: unset;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .brand-name img {
        width: 30%;
        margin-top: -50px;
    }
}

div.brandBlock img {
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

    div.brandBlock img.productLogo {
        filter: alpha(opacity=0);
        opacity: 0;
        z-index: 1;
        width: 100%;
        margin-left: -100%;
    }

    div.brandBlock img.logo {
        filter: alpha(opacity=100);
        opacity: 1;
        z-index: 0;
        width: 100%;
    }

div.brandBlock :hover img.productLogo {
    filter: alpha(opacity=1);
    opacity: 1;
    z-index: 0;
}

div.brandBlock :hover img.logo {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
}

.shophomedivide a:last-child {
    position: absolute;
    bottom: 0px;
    padding-right: 15px;
}
@media (max-width: 768px) {
    .shophomedivide a:last-child {
        position: relative;
        margin: 30px;
    }
}