li a:link {
  color: #000000;
}

/* visited link */
li a:visited {
  color: #000000;
}

/* mouse over link */
li a:hover {
  color: #770000;
}

/* selected link */
li a:active {
  color: #aa0000;
}

table, th, td {
  border: 1px solid black;
} 

iframe {
	max-width: 100%;
}

.nav-link {
	font-size: 20px;
	margin-left: 25px;
}
h1 {
	font-size: 32px;
	color: #B61918;
	font-family: "Triomphe", sans-serif
}
h2 {
	font-size: 25px;
	color: #B61918; 
	font-family: "Triomphe", sans-serif
}
h3 {
	font-size: 22px;
	color: #000000;
	font-family: "Triomphe", sans-serif
}
p {
	font-size: 17px;
	color: #2B2523; 
	font-family: "Triomphe", sans-serif;
}
li a {
	font-family: "Triomphe", sans-serif;
}
.page-title {
	font-size: 42px;
	color: #ffffff;
	font-family: "Triomphe", sans-serif;
	position: absolute;
	top: 12px;
  	left: 16px;
}

.social-media-link {
	font-size: 16px;
	padding-inline-start: 1ch;
  	background-size:40px;
  	font-family: "Triomphe", sans-serif;
}
.logo-maps {
  list-style-image: url(images/maps.svg);
}
.logo-linkedin {
  list-style-image: url(images/linkedin.svg);
}
.logo-facebook {
  list-style-image: url(images/facebook.svg);
}
.logo-instagram {
  list-style-image: url(images/instagram.svg);
}

.gola-banner {
    object-fit:cover;
    display:stretch;
    min-width:100%;
    height:auto;
    min-height:80px;
}
.footer-text {
	font-size: 16px;
	color: white;
	font-family: "Triomphe", sans-serif;
}
.offerte-ad {
	margin: 20px;
	padding: 16px;
	border-style:solid;
	border-width:3px;
	border-color:#B61918;
	border-radius: 16px;
	background-color: #f7f7f7;
}
p.offerte-ad-text {
	font-size: 20px;
	color: #2B2523;
	font-family: "Triomphe", sans-serif;
}
span.offerte-ad-text {
	font-size: 19px;
	color: #2B2523;
	font-family: "Triomphe", sans-serif;
}

.offerte-button-computer {
	width:90%; 
	height:120px; 
	position:absolute;
	bottom:6px;
	border-radius:16px;
	border-style:solid;
	border-width:5px;
	border-color:#000000;
	background-color:#D12223;
	font-size:30px;color:black;
	box-shadow: 3px 2px 5px 5px rgba(0,0,0,0.15);
	text-align:center;
	align-items:center;
}

.offerte-button-phone {
	width:90%; 
	height:120px;
	border-radius:16px;
	border-style:solid;
	border-width:5px;
	border-color:#000000;
	background-color:#D12223;
	font-size:30px;color:black;
	box-shadow: 3px 2px 5px 5px rgba(0,0,0,0.15);
	text-align:center;
	align-items:center;
}

#offerte-button2 {
	width:70%; 
	height:60px;
	border-radius:16px;
	border-style:solid;
	border-width:3px;
	border-color:#B61918;
	background-color:white;
	font-size:25px;
	box-shadow: 3px 2px 5px 5px rgba(0,0,0,0.15);
	color:black;
	text-align:center;
	white-space: nowrap;
	min-width:230px;
}

#projecten-button {
	width:70%; 
	height:60px;
	border-radius:16px;
	border-style:solid;
	border-width:3px;
	border-color:#B61918;
	background-color:white;
	font-size:25px;
	box-shadow: 3px 2px 5px 5px rgba(0,0,0,0.15);
	color:black;
	text-align:center;
	white-space: nowrap;
	min-width:200px;
}

.navbar-brand img {
	transition: height 0.3s;
}

#phone-navbar li {
	float: center;
}

#phone-navbar ul {
	float: center;
}

#navbar-button {
	position: absolute;
	top: 12px;
  	right: 16px;
}

.contact-form-label {
	font-size: 17px;
	color: #2B2523;
	font-family: "Triomphe", sans-serif;
	margin: 10px;
}

.contact-form-field {
	font-size: 16px;
	color: #2B2523;
	font-family: "Triomphe", sans-serif;
	margin-top: 12px;
	border-radius:8px;
	border-style:solid;
	border-width:1px;
	border-color:#837872;
}

.contactform-button {
	width:100%; 
	height:60px; 
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 15px;
	border-radius:8px;
	border-style:solid;
	border-width:3px;
	border-color:#000000;
	background-color:#DD3131;
	font-size:30px;
	color:black;
	text-align:left;
	align-items:center;
}

.contact-info-title {
	font-size: 22px;
	color: #B61918; 
	font-family: "Triomphe", sans-serif
}

.contact-info-text {
	font-size: 17px;
	color: #2B2523; 
	font-family: "Triomphe", sans-serif;
}

.white-golag-button {
	border-radius:16px;
	border-style:solid;
	border-width:3px;
	border-color:#B61918;
	background-color:white;
	font-size:25px;
	box-shadow: 3px 2px 5px 5px rgba(0,0,0,0.15);
	color:black;
	text-align:center;
}


.offerte-form-label {
	font-size: 17px;
	color: #2B2523;
	font-family: "Triomphe", sans-serif;
	margin: 10px;
	white-space:nowrap;
}

.offerte-form-field {
	font-size: 16px;
	color: #2B2523;
	font-family: "Triomphe", sans-serif;
	margin-top: 12px;
	border-radius:8px;
	border-style:solid;
	border-width:1px;
	border-color:#837872;
	align-self:end;
	margin-left:auto;
}

.offerte-form-field-wide {
	font-size: 16px;
	color: #2B2523;
	font-family: "Triomphe", sans-serif;
	margin-top: 12px;
	border-radius:8px;
	border-style:solid;
	border-width:1px;
	border-color:#837872;
}

.offerte-form-button {
	width:240px; 
	height:55px; 
	margin-top: 12px;
	margin-bottom: 12px;
	border-radius:8px;
	border-style:solid;
	border-width:3px;
	border-color:#000000;
	background-color:#DD3131;
	font-size:25px;
	color:black;
	text-align:center;
}