body{
	margin: 0;
	font-family: futura-pt, sans-serif;
    font-style: normal;
}

h3{
	color: #263238;
    font-size: 10pt;
    padding: 15px;
    font-weight: 100;
}

a{
	text-decoration: none;
	color: inherit;
}

.header h3{
	text-transform: uppercase;
}

h3:hover {
	color: #003366;
	cursor: pointer;
	font-weight: bolder;
}

h2{
	font-size: 20pt;
}

p{
	font-size: 10pt;
    font-weight: 200;
    line-height: 150%;
}

.coverholder{


}

.taust{
	height: 100vh;
	width: 60vw;
	overflow: hidden;
	position: relative;
}

.taustimg{
	height: 100%;
	width: auto;
	opacity: .5;
}

.header{
	z-index: 10;
	position: absolute;
	display: grid;
	grid-template-columns: 3fr 1fr 1fr;
	margin: 40px;
}

.headerholder{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;

}

.logo{
	height: 60px;
	width: auto;
	float: left;
}

.logo30{
	height: 200px;
}

.fb{
	height: 40px;
}

.textholder{
	position: absolute;
	z-index: 10;
	right: 0;
    bottom: 0;
    margin-left: 30vw;
    margin-bottom: 8%;
    margin-right: 50px;
    width: 30vw;
    padding-top: 60px;
}

.mm{
	height: 20px;
	padding-top: 40px;
}

.footer h3{
	color: white;
}

.footer{
	display: grid;
	grid-template-rows: auto 290px;
	grid-template-columns: 100%;
}

.toppart{
	grid-column: 1/2;
	grid-row: 1/2;
	background-color: #4D4D4D;
	padding-left:55px;
	padding-right:55px;
	display: grid;
  grid-template-columns: 320px 320px auto 320px 320px;
}

.tellimus_holder{
  	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 320px 320px auto 320px 320px;
}

.tellimus{
	grid-column: 1/2;
	grid-row: 1/2;
	margin-left: 20px;
	color: white;
	line-height:auto;
	margin-top: 20px;
  margin-bottom: 20px;
  border-left: 1px solid white;
}

.toppart h3{
  	font-size: 16pt;
	padding-left: 20px;
	line-height: 120%;
	font-weight: 100;
}

.tellimus2{
	grid-column: 2/3;
	grid-row: 1/2;
	margin-left: 20px;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height:auto;
}

.tellimus h3{
	font-size: 16pt;
	padding-left: 20px;
	line-height: 120%;
	font-weight: 100;
	}

.tellimus2 h3{
    font-size: 16pt;
	padding-left: 20px;
	font-weight: 100;

}

.lowpart{
	grid-column: 1/2;
	grid-row: 2/3;
	display: grid;
	grid-template-rows: 60% 40%;
	grid-template-columns: 320px 320px auto 220px 120px 120px;
	margin-top: 15px;
	margin-bottom: 15px;
		padding-left:55px;
	padding-right:55px;
}



.infoosa{
	grid-row: 1/2;
	grid-column: 1/2;
	margin-left: 20px;
	margin-top: 20px;
}

.infoosa h5{
	padding-left: 10px;
	font-weight: 100;
	padding-left: 20px;
	text-align:left;
	border-left: 0.5px solid #333333;
	font-size: 10pt;
}

.infoosa2{
	grid-row: 1/2;
	grid-column: 2/3;
	margin-left: 20px;
	margin-top: 20px;
}

.infoosa2 h5{
	padding-left: 10px;
	font-weight: 100;
	padding-left: 20px;
  text-align:left;
  border-left: 0.5px solid #333333;
  font-size: 10pt;
}

.cert{
	grid-row: 1/2;
	grid-column: 4/5;
	
}

.cert img{
	width: 200px;
	padding-top: 60px;
}

.cert2{
	grid-row: 1/2;
	grid-column: 5/6;
	padding-top: 10%;
}

.cert2 img{
	width: 110px;
	padding-top: 20px;
}

.cert3{
	grid-row: 1/2;
	grid-column: 6/7;
	padding-top: 10%;
	vertical-align: middle;
}

.cert3 img{
	width: 55px;
	padding-top: 40px;
	padding-left: 15px;
}

.face{
	grid-row: 2/3;
	grid-column: 1/2;
}

.face img{
	width: 23px;
	padding-left: 20px;
	padding-top: 45px;
}

.logospace{
	width: 90%;
	height: auto;
	margin: 50px;
	margin-left: 75px;
}

.mm_logo{
	max-width: 500px;
	min-width: auto;
}

.logod{
	padding-top: 60px;
	width: 90%;
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(150px, 15%) );
	grid-gap: 20px;
	grid-template-rows: auto auto auto;
	padding-bottom: 30px;
}

.tootja{
	height: 33px;
	margin: 0 auto;
}

#tiny{
	height: auto;
	width: 120px;
}

#tiny2{
	height: 50px;
	width: auto;
}



@media (max-width:60em)	{

.tellimus_holder{
  	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
}

.tellimus{
  border-left: 0px solid white;
}

.tellimus h3{
  padding-top:15px;
  font-size: 16pt;
}

.tellimus2 h4{
	font-size: 12pt;
	padding-left: 20px;
	font-weight: 100;
	text-align:center;
}

.infoosa2 h5{
	padding-left: 10px;
	font-weight: 100;
	padding-left: 20px;
  text-align:center;
  border-left: 0px solid #333333;
}

.infoosa h5{
	padding-left: 10px;
	font-weight: 100;
	padding-left: 20px;
	text-align:center;
	border-left: 0px solid #333333;
}

.footer{
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 100%;
	text-align: center;

}

.toppart{
	grid-column: 1/2;
	grid-row: 1/2;
	background-color: #4D4D4D;
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr;
}

.lowpart{
	grid-column: 1/2;
	grid-row: 2/3;
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr;
	margin-top: 15px;
	margin-bottom: 15px;
}

.tellimus{
	grid-column: 1/2;
	grid-row: 1/2;
	margin-left: 0px;
	color: white;
	margin: 0px;
	line-height:auto;
}

.tellimus2{
	grid-column: 1/2;
	grid-row: 2/3;
	margin-left: 0px;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height:auto;
	border-left: 0px solid white;
}


.infoosa{
	grid-row: 1/2;
	grid-column: 1/2;
	border-left: 0px solid #333333;
	margin-left: 0px;
	margin-top: 20px;
}


.infoosa2{
	grid-row: 2/3;
	grid-column: 1/2;
	border-left: 0px solid #333333;
	margin-left: 0px;
	margin-top: 20px;
}

.cert{
	grid-row: 3/4;
	grid-column: 1/2;
	
}

.cert img{
	width: 200px;
	padding-top: 60px;
	padding-left: 35px;
}

.cert2{
	grid-row: 4/5;
	grid-column: 1/2;
	padding-top: 0%;
}

.cert2 img{
	width: 110px;
	padding-top: 20px;
}

.face{
	grid-row: 6/7;
	grid-column: 1/2;
}

.face img{
	width: 23px;
	padding-left: 0px;
	padding-top: 45px;
}

.logod{
	padding-top: 60px;
	width: 90%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-template-rows: auto auto auto auto auto auto auto;
	padding-bottom: 30px;
}


}



@media (max-width: 65em){

.mm_logo{
	margin: 0 auto;
}

.logospace{
	width: 90%;
	height: auto;
	text-align: center;
}

.coverholder{
	display: grid;
	grid-template-rows: auto auto;

}

.taust{
	max-height: 60vh;
	height: auto;
	width: 100vw;
	overflow: hidden;
	position: relative;
	grid-row: 1/2;
}

.taustimg{
	height: auto;
	width: 100%;
	opacity: .5;
}

.header{
	z-index: 10;
	position: relative;
	display: grid;
	grid-template-columns: 3fr 1fr 1fr;
	margin: 40px;
}

.headerholder{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;

}

.logo{
	height: 60px;
	width: auto;
	float: left;
}

.fb{
	height: 40px;
}

.textholder{
	position: relative;
	z-index: 10;
	right: 0;
    bottom: 0;
    margin-left: 0vw;
    margin-bottom: 0%;
    margin-right: 0px;
    width: 90%;
    padding: 20px;
    grid-row: 2/3;
}

.mm{
	height: 20px;
	padding-top: 40px;
}

}

@media (max-width: 40em){

.logo{
	height: 48px;
	width: auto;
	float: none;
	display: block;
	margin:auto;
}

.header{
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto;
	text-align: center;
}

.logod{
	padding-top: 60px;
	width: 90%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-template-rows: auto auto auto auto auto auto auto;
	padding-bottom: 30px;
}

.logospace{
		margin-left: 0px;
	margin: 20px;
}
}

@media (max-width: 35em){

.logod{
	padding-top: 60px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-template-rows: auto auto auto auto auto auto auto;
	padding-bottom: 30px;
}
}