@font-face {
	font-family: LoraRegular;
	src: url(../fonts/Lora-Regular.otf);
}

@font-face {
	font-family: NotoSansRegular;
	src: url(../fonts/NotoSans-Regular.ttf);
}

@font-face {
	font-family: ElaineSansSemiBold;
	src: url(../fonts/ElaineSans-SemiBold.ttf);
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

body {
	background-color: #DCA097;
	color: #384A58;
	display: flex;
	flex-direction: column;
	font-family: "NotoSansRegular";
	font-size: 13pt;
	line-height: 1.75;
	min-height: 100vh;
	padding-top: 6rem;
}

main {
	padding-top: 60px;
}

footer {
	margin-top: auto;
}

/* Menu */

nav#hildesigns-menu img#navbar-brand-logo {
	display: block;
	margin-bottom: 5px;
}

nav#hildesigns-menu ul li {
	margin-right: 12px;
}

nav#hildesigns-menu ul li:last-child {
	margin-right: 0px;
}

nav#hildesigns-menu ul li a {
	color: #863D4A;
	font-family: "ElaineSansSemiBold";
	font-size: 11.5pt;
}

nav#hildesigns-menu ul li a:hover {
	color: #384A58;
}

button.navbar-toggler {
	border: none;
}

button.navbar-toggler i {
	color: #863D4A;
	font-size: 2.25rem;
}

button.navbar-toggler i:hover {
	color: #384A58;
}

.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
	box-shadow: none;
}

/* Content pages */

div.hildesigns-welcome h2 {
	color: #330713;
}

div.hildesigns-welcome p {
	font-size: 16pt;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}

div.hildesigns-welcome a.hildesigns-button {
	background-color: #F5F0E1;
	border: 0px;
	color: #853D4A;
	font-family: "ElaineSansSemiBold";
	font-size: 14pt;
	padding: 20px;
	padding-left: 28px;
	padding-right: 28px;
	margin-top: 12px;
}

div#hildesigns-welcome-picture {
	background-image: url(../images/flowercake1.jpg);
	background-position: center 35%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
}

div#hildesigns-welcome-about h1 {
	margin-bottom: 24px;
}

div#hildesigns-welcome-about p {
	color: #F5F0E1;
}

div#hildesigns-welcome-about .hildesigns-content {
	padding-bottom: 50px;
	padding-top: 50px;
}

div#hildesigns-welcome-collectie {
	background-color: #CAD8B4;
}

@media (min-width: 992px) {
	div#hildesigns-welcome-collectie {
		background-image: url(../images/glazedonut2.jpg);
		background-repeat: no-repeat;
		background-size: 430px auto;
		background-position: 10% center;
	}
}

@media (min-width: 1200px) {
	div#hildesigns-welcome-collectie {
		background-size: 500px auto;
	}
}

div#hildesigns-welcome-collectie-img {
	background-image: url(../images/glazedonut2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 42px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	min-height: 400px;
}

div#hildesigns-welcome-collectie h2 {
	margin-bottom: 28px;
}

div#hildesigns-welcome-collectie p {
	color: #384A58;
}

div#hildesigns-welcome-werkwijze {
	background-color: #D3B4D6;
}

@media (min-width: 992px) {
	div#hildesigns-welcome-werkwijze {
		background-image: url(../images/schets1.jpg);
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-position: 90% center;
	}
}

div#hildesigns-welcome-werkwijze p {
	color: #33071E;
}

div#hildesigns-welcome-werkwijze-img {
	background-image: url(../images/schets1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 42px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	min-height: 400px;
}

div#hildesigns-welcome-slogan {
	background-color: #F5CDC7;
}

div#hildesigns-welcome-slogan h2 {
	color: #475841;
	margin-bottom: 0px;
}

div#hildesigns-welcome-slogan .hildesigns-content {
	padding-bottom: 50px;
	padding-top: 50px;
}

div#hildesigns-welcome-contact {
	background-color: #F7C17F;
	padding-top: 25px;
	padding-bottom: 25px;
}

@media (min-width: 992px) {
	div#hildesigns-welcome-contact {
		background-image: url(../images/visitekaartje1.jpg);
		background-repeat: no-repeat;
		background-size: 430px auto;
		background-position: 10% center;
	}
}

@media (min-width: 1200px) {
	div#hildesigns-welcome-contact {
		background-size: 500px auto;
	}
}

div#hildesigns-welcome-contact-img {
	background-image: url(../images/visitekaartje1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 40%;
	margin-bottom: 42px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	min-height: 400px;
}

div#hildesigns-welcome-contact h2 {
	margin-bottom: 28px;
}

div#hildesigns-welcome-contact p {
	color: #33071E;
}

.hildesigns-content {
	padding-bottom: 75px;
	padding-top: 75px;
}

@media (min-width: 992px) {
	.hildesigns-content {
		padding-bottom: 100px;
		padding-top: 100px;
	}
}

@media (min-width: 1400px) {
	.hildesigns-content {
		padding-bottom: 125px;
		padding-top: 125px;
	}
}

.hildesigns-content h1 {
	color: #151C21;
	font-family: "LoraRegular";
	font-size: 36pt;
	margin-bottom: 36px;
}

.hildesigns-content h2 {
	color: #151C21;
	font-family: "LoraRegular";
	font-size: 24pt;
	margin-bottom: 36px;
}

.hildesigns-content h3 {
	color: #151C21;
	font-family: "LoraRegular";
	font-size: 20pt;
	margin-bottom: 24px;
	margin-top: 36px;
}

/* Over HilDesigns */

div.hildesigns-about {
	background-color: #F5CDC7;
}

div#hildesigns-about-picture {
	background-image: url(../images/visitekaartje2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	height: 600px;
}

div#hildesigns-about-picture-small {
	background-image: url(../images/visitekaartje2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	height: 400px;
}

/* Collectie */

div.hildesigns-collectie {
	background-color: #CBDDAF;
}

div.hildesigns-collectie div.collectie-foto {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 60%;
	height: 600px;
	margin-bottom: 36px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

@media (min-width: 992px) {
	div.hildesigns-collectie div.collectie-foto {
		height: 600px;
		max-width: 400px;
	}
}

/* Werkwijze */

div.hildesigns-werkwijze {
	color: #33071E;
}

div.hildesigns-werkwijze-intro {
	background-color: #D3B4D6;
}

div#hildesigns-werkwijze-picture {
	background-image: url(../images/cakes1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	height: 600px;
}

div#hildesigns-werkwijze-picture-small {
	background-image: url(../images/cakes1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 70%;
	margin-bottom: 32px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	height: 400px;
}

div.hildesigns-werkwijze-smaken {
	background-color: #F5CDC7;
}

div.hildesigns-werkwijze-smaken div.smaakitem {
	margin-bottom: 24px;
}

div.hildesigns-werkwijze-uitleg p {
	font-size: 11pt;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

div.hildesigns-werkwijze-gallerij {
	background-color: #D3B4D6;
}

div.hildesigns-werkwijze-gallerij div.werkwijze-foto {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 60%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

@media (min-width: 992px) {
	div.hildesigns-werkwijze-gallerij div.werkwijze-foto {
		height: 600px;
		max-width: 400px;
	}
}

div.hildesigns-werkwijze-gallerij b {
	display: block;
	font-size: 11pt;
	margin-bottom: 24px;
	margin-top: 10px;
}

/* Contact */

div.hildesigns-contact {
	background-color: #F7C17F;
	color: #33071E;
}

div.hildesigns-contact h2 {
	color: #33071E;
}

div#hildesigns-contact-picture {
	background-image: url(../images/visitekaartje3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 75% center;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	height: 500px;
}

div#hildesigns-contact-picture-small {
	background-image: url(../images/visitekaartje3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 32px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	height: 400px;
}

/* Footer */

footer .container {
	padding-top: 50px;
	padding-bottom: 25px;
}

#contact-logo {
	margin: auto;
}

.contact-item {
	margin-bottom: 25px;
}

a.contact-link {
	color: #384A58;
	text-decoration: none;
}

a.contact-link:hover {
	color: #863D4A;
}

.contact-icons {
	margin-top: 6px;
	margin-bottom: 12px;
}

a.contact-icon {
	color: #384A58;
	font-size: 18pt;
	margin-right: 2px;
}

a.contact-icon svg .fill {
	fill: #384A58;
}

a.contact-icon:hover svg .fill {
	fill: #863D4A;
}