html, body{
	height: 100vh;
}




h1 {
  font-size: 70pt;
	margin-left: -27px;
  color: #fff;
  line-height: 67pt;
  padding: 0px 20px 20px 20px;
}

h2 {
  font-size: 2.5vw;
  color: #fff;

	font-weight: 500;
	padding: 20px;
}

h3 {
  font-size: 25pt;
  color: #fff;
	padding:10px 20PX 5PX 20PX;
}

h4 {
  font-size: 17pt;
  color: #fff;
	padding: 20px 20PX 0PX 20PX;
	
}

p {
  font-size: 30pt;
  color: #fff;
	font-weight: 200;
	padding: 10px 20px 10px 10px;
}

p.info {
  font-size: 30pt;
  color: #fff;
	font-weight: 200;
	margin-left: 10px;
	padding: 30px 20px 10px 10px;
}

h5 {
  font-size: 17pt;
  color: #fff;
  font-weight: 300;
  padding-left: 20px;
  line-height: 29px;
  letter-spacing: 2px;
 
}


h6 {
  font-size: 13pt;
  color: #fff;
  font-weight: 300;
  padding-left: 20px;
  line-height: 29px;
  letter-spacing: 2px;
 
}



.gallery {
	background-color: #000000;
    z-index: 99;
}


.logotype {
z-index: 999;
	padding: 30px 10px;
	width: 40vw;
}

.logotypeinfo {
z-index: 999;
	padding: 45px 10px;
	width: 40vw;
}

.main-nav {
    
  height:45px;
  position:fixed;
  -webkit-transform-origin: left top;
  -webkit-transform:rotate(-90deg) translateX(-100%);
	z-index: 999;
}


ul.nav{
	margin-right: 14.25vw;
}


ul.nav li {    
 
  margin-right: -10px;
  padding-top: -10px;
  float:right;
  height: 7vmax;
  line-height: .75vmax;
}

ul.nav li > a {    
   margin-right: 20px;
  float:right;
  height: 7vmax;
  line-height: .75vmax;
  font-size: 7vmin;
  margin-top: 0px;
  padding-top: 3vmax;
  -webkit-text-stroke: 1px #263238;
  -webkit-text-fill-color: #fff; 
  border: 1px solid #000;
	background-color: #fff;
}

ul.nav li > a:hover {    
  margin-right: 20px;
  float:right;
  height: 7vmax;
  line-height: .75vmax;
  font-size: 7vmin;
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: #000;
  
	background-color: #000;
}

ul.nav li > a.active {    
  -webkit-text-stroke: 1px #fff;
  -webkit-text-fill-color: #000 ; 
  background-color: #000;
  border: solid 1px #fff;
}


	
.ratio {
	font-size: 45pt;
	font-weight: 500;
	padding-bottom: 30px;
	text-align: left;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #fff;
	color: #000000;
	margin-top: 110px;
	margin-left: 0px;
	
}


.ratio2 {
	font-size: 45pt;
	font-weight: 500;
	padding-bottom: 30px;
	text-align: left;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #fff;
	color: #000000;
	margin-top: 77px;
	margin-left: 0px;
	
}

.profileoutline h2{
	font-size: 5vw;
	
	-webkit-text-stroke-width: .5px;
   -webkit-text-stroke-color: #fff;
	color: #000000;
	
	
}

.btn {
	background: #fff;
	color: #fff;
	font-size: 25pt;
	font-weight: 500;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000;
	border-radius: 0px;
	margin-left: 20px;
	letter-spacing: 1.5px;
	
	
}

.btn:hover {
	background-color: #000;
	color: #000;
	font-size: 25pt;
	font-weight: 500;
	-webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #fff;
	border-radius: 0px ;
	border: solid 1px #fff;
	
}

.fixed {
    position: fixed;
	width: auto;
	margin-top: 10px;
   
}

iframe {
	margin-left: 20px;
}

a {
	color:#FFFFFF;
	
}

a:hover {
	color:#ffffff;
}







/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}





@media only screen and (min-width: 990px) {
 p, p.info {
	font-size: 14pt;
	 margin-lef: 30px;
	 padding-left: 20px
	 
	
	
}


}
	


/*-- END OF RESPONSIVE */