body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 0;
	color:#ffde17;
	font-size:18px;
}

.container{
	position:fixed; 
	width:100%; 
	height:100%; 
	text-align:center;
	background-image: linear-gradient(155deg, rgba(0,0,0,1) 0%, rgba(103,102,102,1) 47%, rgba(0,0,0,1) 100%);
}

#responsive{
	width:480px; 
	height:100%; 
	position:relative;
	border:0px;
	transition:0.4s;
}

#controls{
	position:fixed;
	bottom:0px;
	height:40px;
	background-color: #040;
	width:100%;
	padding-top: 10px;
	z-index:10;
	border-top:4px solid #ffde17;
	font-size: 20px;
}

#controls a{color:#ffde17; text-decoration: none; transition:0.4s; padding: 0 5px 0 5px;}

#controls a:hover{color:#fff; text-decoration: none; transition:0.4s}

@media screen and (max-width:1024px) {
	#controls{font-size:18px}
}

.floatleft{float:left; padding-left:20px}

.floatright{float:right; padding-right:20px}

@media screen and (max-width:800px) {
	#controls{text-align:center; height:65px}
	.floatleft, .floatright{float:none; padding:0 0 10px 0}

}

.lightbox, .lightboxAddress{
  display: none;
  position: fixed;
  z-index: 30;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  overflow:hidden;
}

.lightboxAddress{display:block}

.row {
  position:relative;
  display:flex;
  width:100%;
  z-index:9;
}

/* boxes either side of lightbox to allow user to return to page */
.escape{padding-top:100px}

.side{width:20%}

.bottom{padding-bottom:600px;}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fff;
  padding: 40px 60px 40px 60px;
  border-radius:20px;
  width: 60%;
  max-width: 1200px;
  color:#333;
}

.modal-content img{
	width:40%;
	left:50%; 
	transform: translate(-50%); 
	position: relative;
	min-width:120px;
}

.modal-content a{color:#a9632d; text-decoration:none; transition:0.4s}

.modal-content a:hover{color:#ffde17}

/* Close button */
.closeX {
  position: absolute;
  top: 11px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

input{
  border: 2px solid #040; 
  border-radius: 4px; 
  padding:4px;
  margin:2px;
  position:relative;
  top:-4px;
}

@media screen and (max-width:800px) {
.lightbox{display:block}
}