/*
pixabay-architecture-1857175_1920.jpg
pixabay-pool-house-4272310_1920.jpg
*/

header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/pixabay-pool-house-4272310-1920.jpg");
        background-position-x: 0%, 0%;
        background-position-y: 0%, 0%;
        background-repeat: repeat, repeat;
        background-attachment: scroll, scroll;
        background-size: auto, auto;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

#mainNav span.beterlogo {
	background: url("../assets/img/bouwbedrijfbeter-logo-edit-top.png") no-repeat center center;
	padding: 25px 142px;
}
#mainNav.navbar-scrolled span.beterlogo {
	background: url("../assets/img/bouwbedrijfbeter-logo-edit-normal.png") no-repeat center center;
	padding: 25px 142px;
}
@media only screen and (max-width: 992px) {
	#mainNav span.beterlogo {
		background: url("../assets/img/bouwbedrijfbeter-logo-edit-normal.png") no-repeat center center;
		padding: 25px 142px;
	}
}
@media only screen and (max-width: 420px) {
	#mainNav span.beterlogo {
		background: url("../assets/img/bouwbedrijfbeter-logo-edit-mobile.png") no-repeat center left;
		padding: 18px 102px;
	}
}

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

#portfolio .container-fluid .portfolio-box .portfolio-box-caption, #portfolio .container-sm .portfolio-box .portfolio-box-caption, #portfolio .container-md .portfolio-box .portfolio-box-caption, #portfolio .container-lg .portfolio-box .portfolio-box-caption, #portfolio .container-xl .portfolio-box .portfolio-box-caption {
    background: var(--beterbouwhover)!important;
}

.project-description {
    font-size: 0.9rem;
    font-style: italic;
    padding-top: 10px;
}

.card {
	margin-bottom: 25px;
}