@charset "UTF-8";
body {
	background-image: url("../images/bg-body.webp");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Ubuntu', sans-serif;
	font-size: 115%;
	color: #666666;
	line-height: 1.6em;
	font-weight: lighter;
	padding-left: 0px;
}.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.navbar {
	background-color: #FFFFFF;
}
.dropdown-item {
	text-decoration: none;
}
.nav-item {
	padding-right: 10px;
	padding-left: 10px;
}
.navbar-nav.mr-auto .nav-item .nav-link {
	text-decoration: none;
}
.carousel-item {
	height: 500px;
	margin-top: 75px;
}
header {
	border-bottom: 1px solid #FFFFFF;
	/* [disabled]margin-top: 60px; */
}
/*Profile Card 5*/
.profile-card-5{
	border-radius: 0px;
	margin-top: 20px;
	min-height: 490px;
	font-size: 90%;
}
.profile-card-5 .btn{
    border-radius:2px;
    text-transform:uppercase;
    font-size:12px;
    padding:7px 20px;
}
.profile-card-5 .card-img-block {
    width: 91%;
    margin: 0 auto;
    position: relative;
    top: -20px;
    
}
.profile-card-5 .card-img-block img{
	border-radius: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.63);
	border: 2px solid #FFFFFF;
}
.profile-card-5 h5{
	color: #4EBFC6;
	font-weight: 600;
	font-family: 'Stint Ultra Expanded', cursive;
	font-size: 130%;
}
.profile-card-5 p{
	font-weight: 300;
}
.profile-card-5 .btn-primary{
	background-color: #4EBFC6;
	border-color: #4EBFC6;
	text-decoration: none;
}
.container-fluid.blokken {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
}
.container.content {
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 30px;
}
.logo-portlet {
	max-width: 200px;
}
h1 {
	color: #32979D;
	font-size: 150%;
	font-family: 'Stint Ultra Expanded', cursive;
}
h2 {
	color: #333333;
	font-size: 125%;
	font-family: 'Stint Ultra Expanded', cursive;
}
h3 {
	color: #333;
	font-size: 125%;
	text-align: center;
	font-family: 'Stint Ultra Expanded', cursive;
}
p {
	margin-bottom: 30px;
}
a {
	color: #32979D;
	text-decoration: underline;
}
a:hover {
	color: #32979D;
	text-decoration: none;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 50px;
	font-size: 90%;
}
footer ul {
	padding-left: 0px;
}
footer a {
	color: #FFFFFF;
}
footer li   {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
}
.col-md-8 ul {
	margin-bottom: 20px;
	margin-top: 10px;
}
hr {
    border-top: 1px dashed #3CA6AD;
    border-bottom-width: 0px;
}
.jumbotron {
	background-image: url(../images/header/header-mr-betonboringen.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	border-bottom: 2px solid #E9ECEF;
}
.check {
	list-style-image: url(../images/vinkje.png);
}
.check li {
	padding-bottom: 10px;
}


@media screen and (orientation:portrait) and (min-width:320px) and (max-width:568px){
    
    
    
    .carousel-item .img-fluid {
        width:100%;}
    
    .carousel-item a {
  display: block;
  width:100%;
}
.carousel-item {
	height: 200px;
	margin-top: 75px;
}
.container.content {
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0px;
}
h1 {
	color: #32979D;
	font-size: 124%;
	font-family: 'Stint Ultra Expanded', cursive;
}
h2 {
	color: #333333;
	font-size: 110%;
	font-family: 'Stint Ultra Expanded', cursive;
}
h3 {
	color: #333;
	font-size: 110%;
	text-align: center;
	font-family: 'Stint Ultra Expanded', cursive;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 50px;
	font-size: 90%;
	min-height: 250px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
.container-fluid {
	padding-left: 10px;
	padding-right: 10px;
}
.jumbotron {
	background-image: url(../images/header/header-mr-betonboringen.jpg);
	height: 320px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	border-bottom: 2px solid #E9ECEF;
}
.col-md-8 {
	padding-bottom: 50px;
}
/*Profile Card 5*/
.profile-card-5 {
	border-radius: 0px;
	margin-top: 20px;
	min-height: 450px;
	font-size: 90%;
}
    
}

@media screen and (orientation:landscape) and (max-width:568px) and (min-width:320px){
.carousel-item {
	height: 200px;
	margin-top: 75px;
}
.container.content {
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0px;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 90%;
	min-height: 230px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
.jumbotron {
	background-image: url(../images/header/header-mr-betonboringen.jpg);
	height: 320px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	border-bottom: 2px solid #E9ECEF;
}
}

@media screen and (orientation:landscape) and (max-width:667px) and (min-width:375px){
.carousel-item {
	height: 200px;
	margin-top: 75px;
}
.container.content {
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0px;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 90%;
	min-height: 230px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
}

@media screen and (orientation:landscape) and (max-width:736px) and (min-width:414px){
.carousel-item {
	height: 200px;
	margin-top: 75px;
}
.container.content {
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0px;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 90%;
	min-height: 230px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
}

@media screen and (orientation:landscape) and (max-width:812px) and (min-width:375px){
.carousel-item {
	height: 200px;
	margin-top: 75px;
}
.container.content {
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0px;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 90%;
	min-height: 230px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
}

@media screen and (orientation:portrait) and (min-width:768px) and (max-width:1024px){
.carousel-item {
	height: 240px;
	margin-top: 75px;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 90%;
	min-height: 230px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
.container-fluid {
	padding-left: 10px;
	padding-right: 10px;
}
.jumbotron {
	background-image: url(../images/header/header-mr-betonboringen.jpg);
	height: 300px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	border-bottom: 2px solid #E9ECEF;
}
}

@media screen and (orientation:landscape) and (max-width:1024px) and (min-width:768px){
.carousel-item {
	height: 300px;
	margin-top: 75px;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 90%;
	min-height: 230px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
.container-fluid {
	padding-left: 10px;
	padding-right: 10px;
}
.jumbotron {
	background-image: url(../images/header/header-mr-betonboringen.jpg);
	height: 300px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	border-bottom: 2px solid #E9ECEF;
}
}

@media screen and (orientation:landscape) and (max-width:1112px) and (min-width:834px){
.carousel-item {
	height: 300px;
	margin-top: 75px;
}
footer {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 90%;
	min-height: 230px;
}
footer li {
	text-align: left;
	float: left;
	list-style-type: none;
	margin-right: 30px;
	margin-bottom: 10px;
}
.jumbotron {
	background-image: url(../images/header/header-mr-betonboringen.jpg);
	height: 300px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	border-bottom: 2px solid #E9ECEF;
}
/*Profile Card 5*/
.profile-card-5 {
	border-radius: 0px;
	margin-top: 20px;
	min-height: 460px;
	font-size: 90%;
}
}

@media screen and (orientation:landscape) and (max-width:1366px) and (min-width:1024px){
/*Profile Card 5*/
.profile-card-5 {
	border-radius: 0px;
	margin-top: 20px;
	min-height: 460px;
}
.profile-card-5 h5 {
	color: #4EBFC6;
	font-weight: 600;
	font-family: 'Stint Ultra Expanded', cursive;
	font-size: 120%;
}
.carousel-item {
	height: 300px;
	margin-top: 75px;
}
}

@media screen and (orientation:portrait) and (min-width:1024px) and (max-width:1366px){
.carousel-item {
	height: 320px;
	margin-top: 75px;
}
}

@media screen and (orientation:portrait) and (min-width:375px) and (max-width:667px){
.jumbotron {
	background-image: url(../images/header/header-mr-betonboringen.jpg);
	height: 300px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	border-radius: 0px;
	border-bottom: 2px solid #E9ECEF;
}
}