/* CSS Document */

canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
background: $background;
}

#ssh{
  background-image: url(../Images/landscape-back.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-size: cover;
    width: 100%;
}

.blur {
    background-image: url(../Images/landscape-back-blur.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.main {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
}

a:hover {
	color: rgba(255,255,255,1.00);
	text-shadow: 5px 2px 20px rgba(0,166,208,1.00);
	border: 3px solid rgba(255,255,255,1.00);
	opacity: 0.8;
	background-color: rgba(99,99,99,0.5);
	
}
h3{
	color: rgba(0,140,255,1.00);
}
.btnss {
	border: 2px solid rgba(0,140,255,1.00);
	display: inline-block;
	padding: 10px;
	text-align: center;
	border-radius: 50px;
	font-family: 'Arial';
	font-weight: bold;
	transition: all ease-out 0.5s;
	cursor: pointer;
	font-size: 44px;
	
}
.btnsm{
	font-size: 22px;	
}
.enviro{
	border: 2px solid rgba(0,212,11,0.7);	
}
.accom{
	border: 2px solid rgba(104,0,150,0.80);	
}
.map{
	border: 2px solid rgba(128, 255, 0,.80);	
}
/*Copyright*/
.copyright {
	text-align: center;
	padding: 10px;
	color: rgba(241,241,241,1.00);
	letter-spacing: 1px;
	background-image: url(../Images/landscape-back.jpg);
	opacity: 0.8;
	position: sticky;
	bottom: 0;
	z-index: 99;
}
/*Copyright*/

.event{
	padding-top: 15%;
}
.products{
	padding-top: 20%;
}
#soon {
	font-family: 'Montserrat', sans-serif;
	background-color: rgba(18,64,126,1.00);
	color: rgba(0,187,255,1.00);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 5px;
}
.modal-content {
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid rgba(104,0,150,0.80);
  border-radius: 5px;
  outline: 0;
	margin-top: 20%;
}


.compass {
	background-image: url("../Images/compass.jpg") ;
	opacity: 0.9;
	background-position: 0% 50%;
	background-size: 100% 1;
	background-repeat: no-repeat;
}