html
{
	background-color: white;
}

body
{
	margin: 0px;
	height: 100%;
	font-family: 'Open Sans', cursive;
	color: black;
}


h1::selection, h2::selection, h3::selection, img::selection,
 p::selection, a::selection, div::selection, br::selection
{
	background-color: rgba(255,255,255,0);
}


.background
{
	opacity: 0;
	width: 100%;
	position: fixed;
}

.title
{
	font-size: 4.25vw;
	color: black;
	text-shadow: 0px 0px 10px white;
	font-family: 'Dancing Script', cursive;
}

#title_div
{
	text-align: left;
	width: 99%;
	height: 4vw;
	padding: 0.5vw;
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	top: 0;
	z-index: 3;
	display: inline-block;
	box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.25);
}


#loaddiv
{
	height: 40vh;
	padding-top: 10vw;
	font-size: 1vw;
	color: #222;
	text-align: center;
	opacity: 0;
}


#loaddiv img
{
	width: 3vw;
	height: 3vw;
}

#loaddiv span
{
	opacity: 0.85;
	text-align: center;
	margin-top: 1vw;
	margin-bottom: 1vw;
}

#loaddiv span:hover
{
	opacity: 1;
}

#t1,#t2,#t3,#t4
{
	opacity: 0;
}

#powered
{
	font-size: 20px;
	position: fixed;
	left: 44%;
	bottom: 5%;
	width: 12%;
	opacity: 0.3;
	z-index: 2;
}

.content
{
	color: #DDD;
	text-align: center;
	margin-bottom: 10%;
	font-size: 130%;
	position: relative;
	background-color: white;
	padding-top: 5vw;
	opacity: 0;
}

.panel
{
	background-color: white;
	padding: 5%;
	margin-bottom: 15%;
	min-height: 250px;
	transition: all 2s;
}

.panel:hover {
	text-shadow: 0px 0px 1px white;
}

#p1
{
	background-image: url(../assets/beach.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: 0% 0%;
    padding-left: 0%;
    padding-right: 0%;
}

#p2
{
	background-image: url(../assets/background3.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
}

#p3
{
	background-image: url(../assets/background.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: 0% 0%;
    min-height: 400px;
}

#p4
{
	background-color: white;
	background-image: url(../assets/testimonials.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center left;
	text-shadow: none;
    min-height: 400px;
}

h1,h2,h3
{
	background-color: rgba(255,255,255,0.8);
	margin-left: 36vw;
	margin-right: 36vw;
	transition: all 1s;
	font-size: 2.8vw;
	text-shadow: 0px 0px 3px white;
	color: black;
}

h3
{
	font-size: 1.5vw;
	margin: auto;
}

#title_img
{
	max-width: 100%;
	max-height: 50%;
}

img
{
	max-width: 300px;
	max-height: 200px;
}


p img
{
	height: 2vw;
}

#font1, #font2
{
	height: 2.5vw;
	opacity: 1;
}

#font1:hover, #font2:hover
{
	opacity: 0.75;
}

#font1, #font2
{
	height: 2.5vw;
	opacity: 1;
}

#font1:hover, #font2:hover
{
	opacity: 0.75;
}

#fonts
{
	font-size: 0.25vw;
	margin-top: 0.5vw;
}

#fonts:hover
{
	opacity: 1;
}

#fonts a
{
	font-size: 1vw;
	text-shadow: none;
	width: 2vw;
}
#fonts a:hover
{
	opacity: 0.75;
}

.text
{
	background-color: rgba(255,255,255,0.8);
	font-family: 'Open Sans', cursive;
	color: black;
	font-size: 1.3vw;
	width: 70%;
	padding-left: 15%;
	padding-right: 15%;
	transition: all 1s;
}

#bar
{
	font-size: 1.8vw;
	text-align: right;
	color: black;
	display: inline-flex;
	position: fixed;
	right: 0;
	height: 5vw;
	z-index: 1;
	opacity: 0;
}

.bar
{
	color: black;
	display: none;
	cursor: pointer;
}

.button
{
	color: black;
	text-decoration: none;
	text-align: center;
	margin: 1vw 1.8vw 0vw 1.8vw;
	transition: all 0.5s;
	cursor: pointer;
}

.button a
{
	color: black;
	font-family: 'Open Sans', cursive;
}

.button:hover
{
	opacity: 0.75;
	margin: 1.25vw 1.8vw 0vw 1.8vw;
}
#gindiv
{
	font-size: 1.5vw;
}

.sidebar .link
{
	padding: 1vw 5vw 1vw 5vw;
}

#whiskylink
{
}
#whiskylink:hover
{
	box-shadow: 0px 0px 5px 1px rgba(40,40,40,0.6);
}

.details
{
	display: none;
	font-size: 1vw;
}

#intouchdiv
{
	width: 12vw;
}

#intouch
{
	font-family: 'Open Sans', cursive;
}

.flat
{
	display: none;
}

.collumns
{
	display: inline-flex;
}

.collumns p
{
	padding: 2.5%;
}

.collumns .text:hover
{
	background-color: rgba(255,255,255,0.8);
}

.narrowL
{
	width: 20%;
	margin-right: 2.5%;
	padding-right: 1%;
	padding-left: 2.5%;
	text-align: right;
}

.wideR
{
	width: 70%;
	margin-left: 2.5%;
	padding-left: 1%;
	padding-right: 2.5%;
	text-align: left;
}

.narrowR
{
	width: 20%;
	margin-left: 2.5%;
	padding-left: 1%;
	padding-right: 2.5%;
	text-align: left;
}

.wideL
{
	width: 70%;
	margin-right: 2.5%;
	padding-right: 1%;
	padding-left: 2.5%;
	text-align: right;
}

/*				SIDE BAR 				*/

#sidebar
{
	display: none;
}