@font-face {
    font-family: microgramma;
	src: url('../fonts/Microgramma D Extended Medium.eot'); /* IE9 Compat Modes */
    src: local(''),
			url("../fonts/Microgramma D Extended Medium.otf") format("opentype"),	
         	url('../fonts/Microgramma D Extended Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         	url('../fonts/Microgramma D Extended Medium.woff2') format('woff2'), /* Super Modern Browsers */
         	url('../fonts/Microgramma D Extended Medium.woff') format('woff'), /* Modern Browsers */
         	url('../fonts/Microgramma D Extended Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         	url('../fonts/Microgramma D Extended Medium.svg#Microgramma D Extended Medium') format('svg'); /* Legacy iOS */
}				
@font-face {
    font-family: futura;
	src: url('../fonts/Futura Light BT.eot'); /* IE9 Compat Modes */
    src: local(''),
			url("../fonts/Futura Light BT.otf") format("opentype"),	
         	url('../fonts/Futura Light BT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         	url('../fonts/Futura Light BT.woff2') format('woff2'), /* Super Modern Browsers */
         	url('../fonts/Futura Light BT.woff') format('woff'), /* Modern Browsers */
         	url('../fonts/Futura Light BT.ttf') format('truetype'), /* Safari, Android, iOS */
         	url('../fonts/Futura Light BT.svg#Futura Light BT') format('svg'); /* Legacy iOS */
}

body {
    margin: 0;
    padding: 0;
    width: 100%; /* full window width */
	height:100%;
    text-align: justify;
	background-color: #737373;
	font-family: microgramma, monospace;
}

a:link {
	text-decoration:none;
	color: #000000;
}

a:visited {
  color: #000000;
}

a:hover {
	color:#cc6600;
	text-decoration:underline;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #737373;
  text-align: center;
  font-family: microgramma, monospace;
  /*outline-style:solid;
  outline-color:#000000;*/
  
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 99%; /* Set full-width to expand the whole page */
	height: 80%;
}

.col-container2 {
    display: table; /* Make the container element behave like a table */
    width: 80%; /* Set full-width to expand the whole page */
	height: 80%;
	padding-left:5%;
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
	/*width: 100%; */
	height: 100%;
}

.column-3 {
  display:table-cell;
  width: 32.3333%;
}

.column-4 {
  display:table-cell;
  width: 25%;
  padding:10;
}

.img_1{
	width:98%;
	height:25vw;	
	vertical-align:middle;
	padding:10;
	object-fit:cover;
}

.img_start{
	width: 80%;
	height: 80%;	
	vertical-align:middle;
	position:relative;
	left:10%;
	padding:10;
	bottom:25;
	object-fit: contain;
}

.img_3{
	width: 95%;	
	vertical-align:middle;
	position:relative;
	
	padding:10;	
}

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

.modal-content{
	margin:auto;
	background-color:#737373;
	/*opacity:0.3;*/
	position:absolute;
	left:15%;
	right:25%;
	padding:50;
	padding-top:10;
	outline:0;
	height:90%;

	
}
.modal-content2{
	margin:auto;
	background-color:#737373;
	position:absolute;
	left:5%;
	padding:10;
	outline:0;
	height:100%;
	
}

.w3-center{
	display:inline-block;
	width:auto;
	align:center;
	text-align:center!important;
	
}

.w3-image{
	/*height:90%;*/
	object-fit: contain;
	opacity:1;
	   max-width: 100%;
	   max-height: 100%;
	   width: auto;
	   height: auto;

}

p {
  font-family: microgramma, monospace;
}