html {
	font-family: 'Julius Sans One', sans-serif;
}

body {
	
	background-color: rgb(210,210,210);

	border-style:solid;
	border-width: 0.2em;
	border-color: black;

	height: 97vh;

}

#name {
	font-size: 1.875em;
	position: fixed;
	margin-left: 1vw;
}

#navbar {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 20vw;

	font-size: 1em;
	margin-left: 1vw;

	text-align: justify;
}

.navItem {
	cursor:pointer;
}

.navItem:hover {
	background-color: #d8f2f8;
}

.selectedNavItem {
	background-color: #d8f2f8;
	text-decoration: underline;
}

#contact {
	text-align:right;
	margin-left:auto;
	margin-right: 1vw;
	font-size:0.9em;
	position:fixed;
	top: 1vh;
	right: 1vw;

}

.main-heading {
	font-size: 3.75em;
	text-align: center;
	color:rgb(24,33,40);
}

.title {
	text-align: center;
}

.dates {
	text-align: center;
}


.ls-wrapper {

	/*max-width: 60vw;*/
	/*width: 50vw;*/
	/*height: auto;*/
	max-height:90vh;

	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);

	border: 1px solid black;
	border-radius: 20px;


	/*border-color: black;*/
	/*border-style: solid;*/
	/*border-width: 1px;*/
}

.liquid-slider {
	background-color: transparent !important;
}

.container {
	display:table;
	/*vertical-align:middle;*/
	padding-bottom:10vh;
	transform: translateY(+7%);
}

.box {
  display: table-cell;
  vertical-align:middle;
}

.leftbox {
	width:auto;
	padding:2%;
	/*overflow:scroll;*/
}

.rightbox{
	width:50%;
	max-width: 50%;
	max-height:50%;
	/*overflow: scroll;*/
	padding:2%;
}

.box img {
	width:100%;
	max-width: 100%;
	max-height:100%;
}

.box p {
	text-align: justify;
	/*overflow: scroll;*/
	/*font-family: 'Berkshire Swash', cursive;*/
	/*font-family: 'Quicksand', sans-serif;*/
	font-family: 'Lato', sans-serif;

	color:black;
}

.box a {
	font-family: 'Lato', sans-serif;
}