/****** Animations ******/
@-webkit-keyframes logopop {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}





html{
	margin:0px;
	padding:0px;
		background-color:#270e47;
}

body{
	margin:0px;
	padding:0px;

	height:100%!important;
	display: block;
}
p{
	font-size: 20px;
}
.gap{
	margin-top:40px;
	margin-bottom:40px;
}

/****** TOP ******/
.top{
	background-color: #B2BC00; /** #eca934 **/
	color:#ffffff;
	height:50px;
	position: fixed;
	top:0px;
	width:100%;
	text-align: right;
	display: block;
	z-index:1200;
}
.green-bg{
	margin-top:50px;
	background-color: #B2BC00;
	color:#ffffff;
	width:100%;

}



.contactgegevens{
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	width: auto;
	text-align: left;
	float: right;
}

.phonenumber{
	display:inline-block;
	width:auto;
	margin-right:20px;	font-weight: bold;
	color:rgb(51, 61, 71);
	height:auto;
	margin-top:10px;
	float:left;
	text-align: center;
	background-color:#ffffff;
	border-radius: 5px;
}
.phonenumber:hover span{color:#D3212D; text-decoration: none;}
.phonenumber:hover > .btn-circle{color:#D3212D;}
.phonenumber:visited{color:rgb(51, 61, 71);}
.phonenumber span{ -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;position:relative;float:left;color:rgb(51, 61, 71);height:30px; display: inline-block; margin-left:-14px; padding:5px 10px 0px 19px;}

.email{
	display:inline-block;
	width:auto;
	margin-right:20px;
	font-weight: bold;
	color:#ffffff;
	margin-top:10px;
	float:left;
	text-align: center;
	background-color:#ffffff;
	border-radius: 5px;
}
.email:hover span{color:#D3212D; text-decoration: none; }
.email:hover > .btn-circle{color: #D3212D;}
.email:visited{color:rgb(51, 61, 71);}
.email span{ -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;position:relative;float:left;color:rgb(51, 61, 71);;height:30px; display: inline-block; margin-left:-14px; padding:5px 10px 0px 19px;}

.facebook{
	min-width: 30px;
  	height: 30px;
	display:block;
	width:auto;
	margin-right:20px;
	font-weight: bold;
	color:#ffffff;
	margin-top:10px;
	float:left;
	text-align: center;
	background-color:#ffffff;
	border-radius: 5px;
	padding-top: 5px;
}
.facebook:hover .facebookimg{
	fill:#D3212D;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.btn-circle{
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  background-color: #FFFFFF;
  color:#333D47;
  display:inline-block;
  float:left;
}

.btn-circle i{
  font-size: 17px;
}

.logo{
	animation: logopop 1.5s ease-in;
	margin-top: 15px;
	margin-bottom: 15px;
	max-width: 100%;
	height:auto;
	float:left;
	display: block;
}


h1.logo-text{
	margin-top:15px;
	margin-bottom:15px;
	height:100%;
	display: block;
	vertical-align: middle;
}

.row.marianne{
	position: relative;
    top: -60px;
}

@media screen and (max-width: 720px) {
	.row.marianne{top: -30px;}
}


/****** BOTTOM ******/
.pagina{
	padding-top: 20px;
	background-color: #4D5A12;
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}

.pagina h1{
	width:100%;
	display: block;
	border-radius: 5px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:30px;
}

.english-high-tea h2{
	margin:0px;
	padding:0px;
	color:#4D5A12;
	font-weight: bold;
	font-size: 41px;
	top: -16px;
    position: relative;
}

.english-high-tea-border{
	border:2px solid #B2BC00;
	margin-bottom:40px;
}
.english-high-tea-border-bold{
	border:8px solid #B2BC00;
	margin-bottom:40px;
}

.english-high-tea-no-border{
	margin-bottom:40px;
}
.english-high-tea h3{
	color:#4D5A12;
	display: block;
	padding-bottom:5px;
}
h2.title-block{
	border-bottom:1px solid #B2BC00;
	padding-bottom:5px;
	padding-top:7px;
}
.english-high-tea-no-border h3{
	border-bottom:1px solid #B2BC00;
}
.prijs{
	float:right;
	display: block;
}
.english-high-tea-border ul,.english-high-tea-border h3,.english-high-tea-border p{
	padding:5px!important;
}

.alert{
	display: block;
	background-color:#B2BC00;
	color:#ffffff;
	font-weight:bold;
}


img.top{
    height: auto;
    position: absolute;
    display: block;
    top: -30px;
    right: 0px;
    width: 50%;
    transform: rotate(15deg);
    border: 8px solid #B2BC00;
}
@media screen and (max-width: 720px) {
	.english-high-tea h2{ top:10px; }
}

.english-high-tea ul{
	margin:50px 20px;
	padding:0px;
	font-size: 20px;
	line-height: 200%;
}
.highlight-letter{
	color: #4D5A12;
	font-weight: bold;
}

ul.list{
	list-style-type: none;
	margin:0;
	padding:0;
	line-height: 110%;
}
ul.list li{
	list-style-type: none;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

footer{
	color:#ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #4D5A12;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}
footer a{color:#ffffff;}
footer a:hover{color:#B2BC00;}
footer .madeby{
	text-align: right;
	display: block;
}
@media screen and (max-width: 1200px) {
	.email span{display: none;}
	.english-high-tea ul{font-size:16px;}
	.english-high-tea h2{font-size:30px; margin-bottom:15px;}
	.english-high-tea h3{font-size:22px;}
	.prijs{
		float:none;
	}
}

@media screen and (max-width: 720px) {
	.email span{display: none;}
	.english-high-tea ul{font-size:16px;}
	.english-high-tea h2{font-size:30px; margin-bottom:15px;}
	.english-high-tea h3{font-size:22px;}
	.prijs{
		float:right;
	}
}

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

	.logo{margin-top:15px;width: 100%; display: block;margin-bottom: 15px;}
	.pagina h1{font-size:20px;}
	.english-high-tea h2{font-size:24px;}
	.english-high-tea h3{font-size:17px;}
	.phonenumber span{font-size: 14px;}
	.prijs{
		float:none;
	}
}