/* Responsive */
@media only screen and (max-width: 1920px) {
	body a.button,
	body button.button {
		padding: 10px 30px;
	}
}

@media only screen and (max-width: 1599.98px) {
	.block .blocktitle {
		font-size: 40px;
	}

	.block .blocktext {
		font-size: 16px;
	}

	p {
		font-size: 16px;
	}

	body a.button,
	body button.button {
		font-size: 25px;
	}

	header nav ul li a,
	footer {
		font-size: 20px;
	}

	header img.logo,
	footer img {
		height: 45px;
	}

	footer button.close {
		right: -45px;
	}
}

@media only screen and (max-width: 1399.98px) {
	body a.button,
	body button.button {
		padding: 10px 30px;
	}
}

@media only screen and (max-width: 1199.98px) {
	.block .blocktitle {
		font-size: 35px;
	}

	body a.button, body button.button {
		font-size: 20px;
		padding: 10px 25px;
	}
}

@media only screen and (max-width: 991.98px) {	
	footer nav ul li div {
		width: 40%;
	}

	footer .logo-wrapper > div::before {
		right: -150%;
		width: 150%;
	}

	footer .logo-wrapper > div::after {
		left: -150%;
		width: 150%;
	}

	.home-header h1 {
		font-size: 70px;
	}
}

@media only screen and (max-width: 767.98px) {
	footer .logo-wrapper > div::before {
		right: -100%;
		width: 100%;
	}

	footer .logo-wrapper > div::after {
		left: -100%;
		width: 100%;
	}

	/* Responsive Header */
	#nbw {
        display: block;
    }
	
	#navbtn {
		margin-top: 15.5px;
	}
	#navbtn.open {
		margin-top: 17.5px!important;
	}

    header {
    	height: 80px;
    	bottom: 20vh;
    }
	
	header .title-wrapper{
		margin: 0;
		height: 80px;
		position: absolute;
	}

	body.fixedheader header .title-wrapper{
		height: 80px;
	}

    body.open-menu {
    	overflow-y: hidden;
    }

    body.open-menu header::after {
    	opacity: 1;
    }

    body.open-menu header {
    	position: fixed;
    	height: 100% !important;
    	top: 0px !important;
    }

    body.open-menu header > .container > .row {
    	display: flex;
    	flex-direction: column;
    	flex-wrap: unset;
    }

    body.open-menu header .title-wrapper {
    	width: 100%;
    	max-width: 100%;
    	flex: 0 0 100%;
    	max-height: 80px;
    }

    body.open-menu header .menu-wrapper {
    	width: 100%;
    	max-width: 100%;
    	flex: 0 0 100%;
    	justify-content: center;
    }

    body.open-menu header nav {
    	visibility: visible;
    	pointer-events: auto;
    	opacity: 1;
    	width: 100%;
    	transition: 600ms;
    }

    body.open-menu header nav ul {
    	flex-direction: column;
    	width: 100%;
    	font-size: 35px;
    	align-items: center;
    }

    body.open-menu header nav ul li {
    	margin-left: unset;
    	display: flex;	
    	justify-content: center;
    	margin-top: 10px;
    }

    body.open-menu header nav ul li:first-of-type {
    	margin-top: unset;
    }

    header::after,
    body.fixedheader header::after {
    	background: black;
    	opacity: 1;
    }

    header nav {
    	position: absolute;
    	opacity: 0;
    	visibility: hidden;
    	pointer-events: none;
    }

    header nav ul li a {
    	font-size: 50px;
    }

}

@media only screen and (max-width: 575.98px) {
	footer .modal-dialog {
		max-width: 100%;
		height: 100%;
	}

	footer button.close {
		right: 0px;
	}
}

@media only screen and (max-width: 499.98px) {
	footer nav ul li div {
		width: 50%;
	}
}

@media only screen and (max-width: 449.98px) {
	footer .logo-wrapper > div::before {
		right: -70%;
		width: 70%;
	}

	footer .logo-wrapper > div::after {
		left: -70%;
		width: 70%;
	}
}

@media only screen and (max-width: 399.98px) {
	header nav ul li a {
		font-size: 45px;
	}

	footer nav ul li,
	footer nav ul li div {
		width: 100%;
	}

	footer nav ul li div a, footer nav ul li div button {
		width: 100%;
		text-align: center;
	}

	header img.logo, footer img {
		height: 40px;
	}
}

@media only screen and (max-width: 349.98px) {
	footer .logo-wrapper > div::before {
		right: -50%;
		width: 50%;
	}

	footer .logo-wrapper > div::after {
		left: -50%;
		width: 50%;
	}
}

@media only screen and (max-width: 319.98px) {

}