* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  font-family:Poppins;
}
body{
  background-image:url('../../images/vacat_images/beach.png');
  background-repeat:no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: auto;
  height: auto;
  color:rgb(251, 250, 250);
}
.navbr {
	background-color:rgb(103, 100, 102, 0.3);
	opacity:1;
	width:100%;
	height:auto;
	position:absolute;
	left:0px;
	top:0px;
  padding: 5px;
}
.navspan
{
  margin-left: 40%;
  padding-left: auto;
  color:rgb(251, 250, 250);
}
#tan {
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0.0);
	opacity:1;
	width:15%;
	height:auto;
	position:absolute;
	left:10px;
	top:4px;
  padding: 5px;
	text-align:center;
	font-size:calc(.10em + 1vw);
	line-height:undefined;
}
a{
  text-decoration:none;
  color:rgb(250, 250, 250);

}
a:hover
{
    color:white;
}

#adv, #cult, #lodg, #din, #abt, #cont{
  letter-spacing:2px;
	line-height:1.6;
	text-align:center;
	font-size:calc(.10em + 1vw);
}
#adv {
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0);
	opacity:1;
	width:auto;
	height:auto;
	position:relative;
	top:4px;
  padding: 10px 10px 10px 10px;
}
#cult {
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0);
	width:auto;
	height:auto;
	position:relative;
  padding-left:0;
	left:10px;
	top:4px;
  padding: 10px 10px 10px 10px;


}
#lodg {
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0);
	width:auto;
	height:auto;
	position:relative;
  padding-left: 0;
	left:10px;
	top:4px;
  padding: 10px 10px 10px 10px;

}

#din {
  box-shadow:0px 4px 4px rgba(0, 0, 0, 0);
  width:auto;
  height:100%;
  position:relative;
  padding-left: 0;
  left:10px;
  top:4px;
  padding: 5px 5px 5px 5px;

}
#abt{
  box-shadow:0px 4px 4px rgba(0, 0, 0, 0);
  width:auto;
  height:auto;
  position:relative;
  padding-left: 0;
  left:10px;
  top:4px;
  padding: 10px 5px 5px 5px;

}
#cont{
  box-shadow:0px 4px 4px rgba(0, 0, 0, 0);
  width:auto;
  height:auto;
  position:relative;
  padding-left: 0;
  left:10px;
  top:4px;
  padding: 10px 5px 5px 5px;

}
#lodg:hover, #din:hover, #cult:hover, #adv:hover, #abt:hover, #btn:hover,
#cont:hover
{
  background-color:grey;
  color:white;
  border-radius: 5px;
  border-style: solid 1px;
}
#btntxt:hover
{
  color:white;
}

.welcome{
  left:20%;
  top: 9%;
  position:fixed;
}
#wel {
  text-shadow: 5px 5px 5px rgba(0, 0, 0, .20);
	position:relative;
  width: 50%;
  height: auto;
	text-align:center;
  display:block;
	font-size:calc(2em + 2vw);
	letter-spacing: .3em;
	line-height:1.6;
}
#btn
{
  position:relative;

  box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
	background-color:rgba(111, 92, 92, 0.4);
  border-radius: 10px;
  border: 2px gray solid;
  width: 20%;
  left: 15%;
  text-align: center;
}
#btntxt
{

  color:rgba(70, 53, 53, 1);
	font-size:calc(.5em + 1vw);
	letter-spacing: 0.3em;
	line-height:1.6;
}