body{
	margin: 0px;
}

.page {
	width: 60vw;
	margin-left: 20vw;
	min-width: 530px;
	/*margin-top: 4vh;*/
}

.header {
	text-align: center;
	height: 30vh;
}

.content {
	min-height: 60vh;
	text-align: center;
}

.footer {
	height: 10vh;
	text-align: center;
	padding-top: 1vw;
}

.background {
	background-repeat: no-repeat;
	border-radius: 15px;
	background-attachment: fixed;
	/*background-size: cover;*/
}

.mineral {
	background-image: url("mineralLink.jpg"); 
}

.paleo {
	background-image: url("paleoLink.jpg"); 
}

.hrefs {
	margin-top: 2vh;
}

.mineral, .paleo {
	background-size: cover;
	border-radius: 10px;
	opacity: 0.8;
	cursor: pointer;
}

.mineral:hover,
.paleo:hover {
	opacity: 1;
}

.demo {
	width: 20vw;
	height: 20vw;
	margin-bottom: 1vw;
}

.contact {
	/*margin-left: 3vw;*/
	float: left;
}

.contact td {
	padding-left: 1vw;
}

hr.headerHr {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

img.logo{
	margin-left: 5vh;
	padding: 1vh;
	width: 23vh;
	height: 23vh;
	float: left;
}

img.logoText {
	margin-left: 3vw;
	height: 23vh;
}

.left {
	float: left;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10vw 25vw 10vw 0;
	border-color: transparent #d9ff00 transparent transparent;
	z-index: -1; 
}

.left a {
	text-align: center;
	margin-left: 15vw;
}

.right a {
	text-align: center;
	margin-right: 15vw;
}

.right {
	display: inline-block;
  	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10vw 0 10vw 25vw;
	border-color: transparent transparent transparent #d9ff00;
	z-index: -1; 
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	overflow: auto;
}

.modal a {
	color: #999999;
    font-weight: bold;
}

.modal a:hover,
.modal a:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-content {
	margin: 7vh auto;
	width: 100vh;
}

.back {
	text-decoration: none;
}

.content a {
	text-decoration: none;
}

.text {
	padding: 0 2vw 0 2vw;
	text-align: justify;
	margin: 0;
}

.department {
	margin-bottom: 2vw;
}

.leftHalf{
	width: 51%	
}

.rightHalf {
	width: 48%;
}

.rightHalf {
	margin-left: 50%;
	text-align: left;
	padding-left: 1%;
}

.rightHalf ul {
	margin-top: 0;
}