body {
	font-family: "Open Sans", Tahoma, sans-serif;
	font-size: 2.5vh;
	margin: 2vw 2vw 2vw 2vw;
	padding: 2vw 2vw 2vw 2vw;
	background: url("../images/airplane.png") left top no-repeat, linear-gradient(125deg, rgb(245, 229, 223), rgb(212, 172, 153)) center fixed no-repeat;
	background-size: 100%, cover;
	height: calc(100vh - 8vw);
	border: 1px solid rgb(229, 204, 192);
	overflow: hidden;
	color: #505050;
	text-align: left;
}
h1 {
	font-family: Merriweather, Garamond, serif;
	font-size: 5vh;
	margin: 0;
	padding: 0;
	color: #303030;
	font-weight: bold;
}
h2 {
	font-family: Merriweather, Garamond, serif;
	font-size: 2.5vw;
	margin: 0;
	padding: 0;
	color: #303030;
	text-align: center;
	font-weight: bold;
}
h3 {
	font-family: Merriweather, Garamond, serif;
	font-size: 5vh;
	margin: 0;
	padding: 0;
	color: #303030;
	font-weight: bold;
	text-align: center;
}
h4 {
	font-family: Merriweather, Garamond, serif;
	font-size: 3vw;
	color: #303030;
	font-weight: bold;
	text-align: center;
	border: 1px solid rgb(212, 172, 153);
	border-radius: 5px;
	background-color: rgb(245, 229, 223);
	margin: 0em 0 0.5em 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	opacity: 0.7;
	position: sticky;
	position: -webkit-sticky;
	top: 0em;
	z-index: 5;
}
h5 {
	font-family: Merriweather, Garamond, serif;
	font-size: 3vw;
	width: calc(70% - 2vw);
	position: absolute;
	left: 1vw;
	top: 1vw;
	opacity: 0.7;
	padding: 0;
	margin: 0;
	color: #505050;
	line-height: 1;
}
.foto {
	margin: 0;
	padding: 0;
	position: fixed;
	float: left;
	left: 0vw;
	bottom: 0vw;
	z-index: -2;
	width: auto;
	height: 75vw;
	max-height: 60vh;
}
.foto img {
	opacity: 0.3;
	width: auto;
	height: 75vw;
	max-height: 60vh;
	position: absolute;
	left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}
@keyframes heartbeat {
    from {
    	visibility: visible;
    	opacity: 0.1;
    	transform: rotate(-15deg) scale(0.1);
    }
    to {
	    transform: scale(7) rotate(35deg);
    	visibility: visible;
    	opacity: 0;
    }
}
.heart {
	width: 75vw;
	max-width: 60vh;
	height: 75vw;
	max-height: 60vh;
	position: absolute;
	left: 50%;
  	top: 10%;
	z-index: -1;
	visibility: hidden;
}
.heart img#bounce { 
  	animation-name: heartbeat; 
  	animation-timing-function: ease-in;
  	animation-iteration-count: infinite;
  	animation-duration: 3s;
  	animation-direction: normal;
}
.heart img {
  	opacity: 0.1;
  	position: relative;
  	width: auto;
  	height: 10%;
  	margin: 0;
}
.heart2 {
	width: 75vw;
	max-width: 60vh;
	height: 75vw;
	max-height: 60vh;
	position: absolute;
	left: 50%;
  	top: 10%;
	z-index: -1;
	visibility: hidden;
}
.heart2 img#bounce2 { 
  	animation-name: heartbeat; 
  	animation-timing-function: ease-in;
  	animation-iteration-count: infinite;
  	animation-duration: 3s;
  	animation-direction: normal;
 	animation-delay: 1s;
}
.heart2 img {
  	opacity: 0.1;
  	position: relative;
  	width: auto;
  	height: 10%;
  	margin: 0;
}
.heart3 {
	width: 75vw;
	max-width: 60vh;
	height: 75vw;
	max-height: 60vh;
	position: relative;
	left: 50%;
  	top: 10%;
	z-index: -1; 
	visibility: hidden; 	
}
.heart3 img#bounce3 { 
	animation-name: heartbeat; 
  	animation-timing-function: ease-in;
  	animation-iteration-count: infinite;
  	animation-duration: 3s;
  	animation-direction: normal;
  	animation-delay: 2s;
}
.heart3 img {
  	opacity: 0.1;
  	position: relative;
  	width: auto;
  	height: 10%;
  	margin: 0;
}
.container {
	width: 100%;
	height: 100%;
	overflow: scroll;
	text-align: left;
}
.RSVP {
	width: 100%;
	display: none;
	text-align: left;
}
.wrong {
	display: none;
	border: 1px solid rgb(212, 172, 153);
	border-radius: 5px;
	background-color: rgb(245, 229, 223);
	height: 4vw;
	width: calc(100% - 2px);
	text-align: center;
	vertical-align: middle;
	font-size: 2.5vw;
	font-weight: bold;
	color: red;
	overflow: hidden;
	opacity: 0.7;
}
.done {
	display: block;
	border: 1px solid rgb(212, 172, 153);
	border-radius: 5px;
	background-color: rgb(245, 229, 223);
	height: auto;
	width: calc(100% - 1.5vh);
	text-align: center;
	vertical-align: middle;
	font-size: 2.5vw;
	font-weight: bold;
	color: green;
	overflow: hidden;
	padding: 0.5vh;
	margin-top: 3vh;
	margin-bottom: 3vh;
	opacity: 0.7;
}
.formtext {
	min-width: 40%;
	max-width: 40%;
	width: 40%;
	height: 100%;
	position: relative;
	display: inline-block;
	text-align: right;
	overflow: visible;
	vertical-align: middle;
	padding: 1px;
	justify-content: left;
	margin: 0;
	line-height: 100%;
	text-overflow: clip;
}
.formelement {
	display: inline-block;
	text-align: left;
	min-width: 48%;
	height: 100%;
	width: calc(60% - 4px);
	line-height: 100%;
	position: relative;
	vertical-align: middle;
	justify-content: right;
	padding: 1px;
	margin: 0;
	overflow: visible;
}
.formline {
	border: 1px solid rgb(212, 172, 153);
	border-radius: 13px;
	background-color: rgb(245, 229, 223);
	min-height: 7vh;
	height: auto;
	max-width: calc(100% - 4px);
	width: 100%;
	min-width: 50vw;
	margin: 0vh 0vh 3vh 0vh;
	padding: 0;
	position: static;
	display: block;
	opacity: 0.7;
}
.done a {
	color: #505050;
	text-decoration: none;
}
.formline2 {
	height: 7vh;
	width: 100%;
	margin: 0;
	padding: 0;
}
.partner {
	display: none;
}
.maaltijdkeuze {
	min-width: 60%;
	max-width: 100%;
	width: calc(60% - 4px);
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	display: inline-block;
}
.maaltijdkeuze div input {
	width: 2vh;
	text-align: right;
	line-height: 2vh;
	height: 2vh;
	font-size: 2vh;
	margin: 0.5vh 0.5vh 0.5vh 0.5vh;
	padding: 0;
	vertical-align: text-bottom;
}
.formline input {
	font-size: 2.5vh;
	font-family: "Open Sans", Tahoma, sans-serif;
	border: 1px solid rgb(212, 172, 153);
	border-radius: 10px;
	text-align: center;
	height: 4vh;
	margin: 1vh;
	padding: 3px;
	width: calc(100% - 3vh);
}
input {
	font-size: 2.5vh;
	font-family: "Open Sans", Tahoma, sans-serif;
	border: 1px solid rgb(212, 172, 153);
	border-radius: 10px;
	text-align: center;
	height: auto;
	margin: 0;
	padding: 2px;
}
select {
	font-size: 2.5vh;
	font-family: "Open Sans", Tahoma, sans-serif;
	height: 4vh;
	margin: 1vh;
	padding: 3px;
	width: calc(100% - 3vh);
	line-height: 100%;
}
.wij {
	display: none;
}
.ik {
	display: inline-block;
}
.ticketnumber {
	display: block;
}
.ticketnumber img {
	width: 50%;
	min-width: 45vh;
	height: auto;
	border: 1px solid rgb(245, 229, 223);
	border-radius: 20px;
	background-color: rgb(212, 172, 153);
	margin: 3vh 2vh 3vh 2vh;
}
.center {
	text-align: center;
}
.vlees-vis {
	color: #654321;
	display: inline-block;
	font-size: 2vh;
	text-align: right;
	padding: 0;
	margin: 0 0.5vh 0.5vh 0.5vh;
	position: relative;
	vertical-align: middle;
}
.veg {
	color: #378805;
	display: inline-block;
	font-size: 2vh;
	text-align: right;
	padding: 0;
	margin: 0 0.5vh 0.5vh 0.5vh;
	position: relative;
	vertical-align: middle;
}
.formline::after {
  content: "";
  clear: both;
  display: table;
}
.circle {
	text-align: center;
	border: 1px solid rgb(245, 229, 223);
	background-color: rgb(212, 172, 153);
	opacity: 0.75;
	border-radius: 50%;
	width: 2em;
	max-width: 30vw;
	min-height: 15vh;
	min-width: 15vh;
	height: 2em;
	max-height: 30vw;
	font-size: 10vw;
	margin: 2vh;
	padding: 0;
	display: inline-block;
	align-items: center;
	justify-content: center;
}
.circle a {
	color: #303030;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.languagemenu {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	float: right;
	top: 0vw;
	right: 0vw
}
.littlecircle {
	text-align: center;
	border: 1px solid rgb(245, 229, 223);
	background-color: rgb(212, 172, 153);
	opacity: 0.75;
	border-radius: 50%;
	width: 4vw;
	height: 4vw;
	font-size: 2vw;
	margin: 0.5vw 0.5vw 0.5vw 0.5vw;
	padding: 0;
	display: inline-block;
	align-items: center;
	position: relative;
	z-index: 10;
}
.littlecircle a {
	color: #303030;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.welcome {
	margin-top: 2.5vw;
	text-align: center;
	width: 100%;
}
.postzegel {
	width: 20vw;
	height: auto;
	float: right;
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 0;
	right: 0;
}
.postzegel img {
	width: 100%;
	height: auto;
}
.nl-BE {
	display: none;
}
.fr-BE {
	display: none;
}
.en-GB {
	display: none;
}
.pt-BR {
	display: none;
}
.nl-BE DIV, .fr-BE DIV, .en-GB DIV, .pt-BR DIV {
	padding: 30% 0 0 0;
	background: url("../images/wereld.png") no-repeat left center, #F5F5F5;
	background-size: auto 100%;
	border-radius: 2vw;
	display: block;
	position: sticky;
	position: -webkit-sticky;
	top: 10vw;
	box-shadow: 0.5vw 0.5vw 0.5vw #666666;
	border: 0.1vw solid #666666;
	width: 80%;
	font-size: 1.5vw;
	align-items: center;
	overflow: hidden;
	line-height: 1.5;
}
.nl-BE DIV IMG, .fr-BE DIV IMG, .en-GB DIV IMG, .pt-BR DIV IMG {
	width: 30%;
	height: 100%;
	border-left: 0.3vw dotted #666666;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 70%;
	object-fit: cover;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.textblock1 {
	margin: 0% 0% 2% 2%;
	transform: rotate(-1deg);
	text-align: justify;
	opacity: 0.9;
}
.textblock2 {
	margin: 0% 0% 0% 18%;
	transform: rotate(4deg);
	text-align: justify;
	opacity: 0.9;
}
.textblock3 {
	margin: 2% 0% 2% 1%;
	transform: rotate(-2deg);
	text-align: justify;
	opacity: 0.9;	
}
.textblock4 {
	margin: 0% 0% 3% 10%;
	padding: 0;
	transform: rotate(-7deg);
	text-align: justify;
	opacity: 0.9;
}
.textblock5 {
	margin: 2% 0% 2% 5%;
	transform: rotate(2deg);
	text-align: justify;
	opacity: 0.9;
}
.textblock6 {
	margin: 0% 0% 0% 15%;
	transform: rotate(-4deg);
	text-align: justify;
	opacity: 0.9;
}
.textblock7 {
	margin: 3% 0% 1% 4%;
	transform: rotate(2deg);
	text-align: justify;
	opacity: 0.9;
}
.textblock8 {
	margin: 2% 0% 0% 12%;
	transform: rotate(-5deg);
	text-align: justify;
	opacity: 0.9;
}
.lasttextblock {
	margin: 2% 0% 10% 2%;
	transform: rotate(0deg);
	text-align: center;
	font-style: italic;
	opacity: 0.9;
}
.text {
	width: calc(70% - 2vw);
	position: absolute;
	left: 1vw;
	top: 4.5vw;
	right: 1vw;
	bottom: 1vw;
	font-size: 1vw;
	opacity: 1;
	padding: 0;
	margin: 0;
	overflow: scroll;
}
.text a {
	color: #303030;
	text-decoration: underline;
	font-weight: bold;
}
.text a:hover {
	text-decoration: none;
}
.poem {
	width: calc(70% - 2vw);
	position: absolute;
	left: 1vw;
	top: 4.5vw;
	right: 1vw;
	bottom: 1vw;
	font-size: 1.8vw;
	padding: 0;
	margin: 0;
	line-height: 2;
	font-family: Merriweather, Garamond, serif;
}
.poem a {
	text-decoration: none;
	font-weight: bold;
	color: #303030;
}
.poem a:hover {
	text-decoration: underline;
}
.anchor {
	top: -10vw;
	position: relative;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
}
.imglink {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.5vw;
	font-style: normal;
	font-weight: bold;
}
.uplink {
	font-size: 0.7vw;
	font-style: normal;
	position: absolute;
	left: 65%;
	top: 0.5vw;
}
.uplink a {
	color: #606060;
	text-decoration: none;
}
.uplink a:hover {
	color: #606060;
	text-decoration: underline;
}
.uplinkbottom {
	font-size: 1vw;
	font-style: normal;
	font-weight: bold;
	position: relative;
	left: 90%;
	bottom: 0%;
}
.uplinkbottom a {
	color: #303030;
	text-decoration: none;
}
.uplinkbottom a:hover {
	color: #303030;
	text-decoration: underline;
}
.imgcaption {
	position: absolute;
	left: calc(70% + 0.8vw);
	bottom: 0.5vw;
}
.menu {
	width: calc(70% - 2vw);
	position: absolute;
	left: 1vw;
	top: 4.5vw;
	right: 1vw;
	bottom: 1vw;
	font-size: 1.5vw;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 2;
	border: none;
}
.menu a {
	color: #303030;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgb(245, 229, 223);
	border: 1px solid rgb(212, 172, 153);
	border-radius: 0.5vw;
	transition: background-color 1s;
}
.menu a:hover {
	text-decoration: none;
	background-color: rgb(212, 172, 153);
	transition:  background-color 1s;
}
.menu TD {
	width: 50%;
	padding: 0vw 0.25vw 0.25vw 0.25vw;
	margin: 0;
	border: none;
}
.countdown a {
	font-family: "Major Mono Display", Tahoma, sans-serif;
	font-size: 2.5vw;
	color: #00FF00;
	background-color: #000000;
	transition:  background-color 1s, color 1s;
}
.countdown a:hover {
	color: #000000;
	background-color: #00FF00;
	transition:  background-color 1s, color 1s;
}