/* v1.4 */

@font-face {
    font-family: 'OptimaDisplay';
    src: url('OptimaDisplay-Roman.woff2') format('woff2'),
        url('OptimaDisplay-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #041C2C;
  border: 3px solid #EF8CA3;
  padding: 30px 30px 30px 30px;
  
  margin: 15% auto; /* 15% from the top and centered */
  width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 20px;
  font-weight: bold;
font-family: 'OptimaDisplay';

}

.close:hover,
.close:focus {
  color: #EF8CA3;
  text-decoration: none;
  cursor: pointer;
}

iframe {
 border: 3px solid #EF8CA3;	
}


#video {
  display: none; /* Hidden by default */

}

html, body
{
    height: 100%;
    margin:0;
    padding:0;
	background-color:#041C2C;
	font-family: 'OptimaDisplay';
	font-weight: normal;
	font-style: normal;
}



p {
color: white;
 font-family: 'OptimaDisplay';
    font-weight: normal;
    font-style: normal;
}



li {
list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;

color: white;
font-family: 'OptimaDisplay';
font-weight: normal;
font-style: normal;
margin-bottom:10px;
    

}

/* Colour */
.container img {
	border: 3px solid #EF8CA3;
}



/* Layout */
.wrapper {
	height: 100%;
	min-height: 400px;
	position: relative;
	width: 95%;
	margin: auto;
}
.container {
	width: calc(700px - 12vw);
	min-width: 75%;
	max-width: 100%;
  margin: 0 auto 0;
  position: absolute;
  top: 50%;
	left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.right {float:right; height:60px; margin:auto; padding-top:10px;
}

.right img {padding:0px 0 0 10px;}

.right a {color:white;
	text-decoration:none;
}

.right a:hover {
	color:#EF8CA3;
}






@media screen and (max-width: 1000px) {
	.embed {
		position: inherit;
		top: inherit;
		left: inherit;
		-ms-transform: inherit;
		transform: inherit;
		margin-top: 5rem;
	}


}