@charset "UTF-8";
/* CSS Document */

body {
    overflow: hidden;
}

/* RESPONSIVE DESIGN:::: */

html, body {
	background-color: #f8f8f8;
	margin: 0;
	padding: 0;
}

.logo {

width: 20vh;
min-width: 100px;
display: block;
margin-left: auto;
margin-right: auto;
height: 10vh;
position: relative;
top: -28vh;
}

.text {
text-align: center;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight: 600;
}

h1 {

font-size: 3vh;

}

p {
display: none;

}

img {
	max-height: 80vh;
	max-width: 100%;
	display: block;
    margin-left: auto;
    margin-right: auto;
	position: relative;

}

.single-item {

padding-top: 0vh;

}

/*END RESPONSIVE DESIGN*/


/* custom popup CSS to follow */

.swal-title {
	 font-size: 7vmin;
	font-family: Helvetica, Arial, "sans-serif";
	color: black;
		margin-bottom: 3.5vmin;
} 


.swal-text  {
  font-size: 3vmin;
  font-family: Helvetica, Arial, "sans-serif";
  color: black;
	line-height: 4.5vmin;
}

.swal-overlay {
  background-color: rgba(255,255,255, 0.9);
}

.swal-modal {
  background-color: rgba(255,255,255, 0.0);
	width:90%;
}

.swal-button {
  padding: 2vmin;
	margin-top: 2vmin;
  border-radius: 0px;
  background-color: #000;
  font-size: 3vmin;
  text-shadow: none;
	color: white;
}

.swal-button:active {
  padding: 2vmin;
	margin-top: 2vmin;
  background-color: #757575;
  font-size: 3vmin;
  text-shadow: none;
}


.question {
	cursor: help;
}




/* end custom CSS