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


body    {
	margin: 0;
	padding:0;
	background-color:#FFFFFF;
	
    } 

.row:before, .row:after {
	display: flex;
	flex-wrap: wrap;
	padding:0px 4px 0px 4px;
	
}


	
.row {
    flex: 100%;
    max-width: 100%;
		
	}

.column-nav {	
	flex: 100%;
	max-width: 40%;
	text-decoration: none;
	text-align: right;
	z-index: 400;
	
}


h1 {
    top: 190px;
    right: 85px;
	text-decoration: none;
	text-align: right;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1.1rem;
	color:#F2B9BA;
	position: fixed;
	z-index:401;

 }

h2 a {
	top: 250px;
	right: 85px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size: 1.1rem;
	color: #898D18;
	position: fixed;
	z-index:401;
	
}

h2a a {
	top: 300px;
	right: 85px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: bold;
	font-size: 1.1rem;
	color: #898D18;
	position: fixed;
	z-index:401;
	
}

h3 a {
	top: 350px;
	right: 85px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size: 1.1rem;
	color: #898D18;
	position: fixed;
	z-index:401;

}


h4 a {

	top: 400px;
	right: 85px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size: 1.1rem;
	color: #898D18;
	position: fixed;
	z-index:401;

}

h5 a {
	top: 450px;
	right: 85px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size: 1.1rem;
	color: #898D18;
	position: fixed;
	z-index:401;

}


h6 {
	top: 460px;
	right: 85px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size: 1.1rem;
	color:#F2B9BA;
	position: fixed;
	z-index:401;

}

	
.logo a img {
	top: 570px;
	right: 85px;
	bottom: 100px;
	width: 100px;
	heigt: 100px;
	position: fixed;
	z-index: 402;
	
}


.column-main {
	flex: 100%;
	max-width: 60%;
	padding-top: 10px;
	padding-left: 85px;
	padding-bottom: 150px;
	padding-right: 10px;
	color: #FFFFFF;
	z-index:400;

}
	
h7 {
	font-size: 2.25rem;
    text-align: left;
	line-height: 3rem;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#888916;
	letter-spacing: 0.188rem;
	word-spacing: 0.188rem;
	z-index:402;
		
	}
	
h8 {	
	font-size: 1.75rem;
    text-align: left;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#888916;
	letter-spacing: 0.188rem;
	word-spacing: 0.188rem;	
		
}




.column-footer {
	flex:100%;
	max-width: 60%;
	padding-top: 0px;
	padding-left: 85px;
	padding-bottom: 300px;
	padding-right: 10px;
	z-index:401;
		
}

	
.contact img {
	top:150px;
	max-width: 100%;

	
}

p {
	
	top: 150px;
	color:#C1C4B5;
    font-size: 0.563rem;
	text-align:left;
	line-height: 0.9rem;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	
	}


@media screen and (max-width: 489px){
	
	.row {
    flex: 100%;
    max-width: 100%;
		
	}
	


h1 {
    top: 290px;
    right: 30px;
	text-decoration: none;
	text-align: right;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:0.7rem;
	color:#F2B9BA;
	position: fixed;
	z-index:401;

 }

h2 a {
    top: 340px;
    right: 30px;
    text-decoration: none;
    text-align: right;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:0.7rem;
    color: #898D18;
    position: fixed;
    z-index: 401;	
}
	
h2a a {
    top: 380px;
    right: 30px;
    text-decoration: none;
    text-align: right;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:0.7rem;
    color: #898D18;
    position: fixed;
    z-index: 401;	
}
	

h3 a {
	top: 420px;
	right: 30px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size:0.7rem;
	color: #898D18;
	position: fixed;
	z-index:401;

}


h4 a {

	top: 460px;
	right: 30px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size: 0.7rem;
	color: #898D18;
	position: fixed;
	z-index:401;

}

h5 a {
	top: 500px;
	right: 30px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size:0.7rem;;
	color: #898D18;
	position: fixed;
	z-index:401;

}


h6 {
	top: 510px;
	right: 30px;
	text-decoration:none;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";	
	font-size: 0.7rem;
	color:#F2B9BA;
	position: fixed;
	z-index:401;

}

	
.logo a img{
	top: 580px;
	right: 30px;
	bottom:50px;
	width: 70px;
	height: 70px;
	position: fixed;
	z-index: 402;
	
}
	
.column-main {
	flex: 60%;
	max-width: 50%;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 100px;
	padding-right: 10px;
	color: #FFFFFF;
	z-index:400;

}	
	
	
h7 {
	top:0px;
    font-size: 1.5rem;
    text-align: left;
	line-height: 1.8rem;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 0.1rem;
	word-spacing: 0.1rem;
		
}
	
h8 {	
    font-size: 0.8rem;
    text-align: left;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 0.1rem;
	word-spacing: 0.1rem;	
		
}


	
.column-footer {
	flex:100%;
	max-width: 50%;
	padding-top: 15px;
	padding-left: 30px;
	padding-bottom: 50px;
	padding-right: 10px;
	z-index:1;
		
}	
	
	
.contact img {
	top:150px;
	left: 30px;	
	max-width: 100%;

	
}

p {
	
	top: 150px;
    left: 30px;
	color:#C1C4B5;
    font-size: 0.4rem;
	text-align:left;
	line-height: 0.7rem;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	
	}
	

	
}


@media screen and (min-width: 490px) and (max-width: 949px){	
	
.row {
    flex: 100%;
    max-width: 100%;
		
	}
	

h1{
	
	right: 40px;
	font-size: 0.9rem;
		
	}
	
h2 a {
		
	right: 40px;
	font-size: 0.9rem;
	}
	
h2a a {
		
	right: 40px;
	font-size: 0.9rem;
	}	
	
h3 a {
		
	right: 40px;
	font-size: 0.9rem;
	}
	
h4 a {
		
	right: 40px;
	font-size: 0.9rem;
	}
	
h5 a {
		
	right: 40px;
	font-size: 0.9rem;
	}
	
h6 {
	top:470px;	
	right: 40px;
	font-size: 0.9rem;
	}
	
	
.logo a img {
	top: 560px;
	right: 40px;
	width: 80px;
	height: 80px;
	}	
	
.column-main {
	flex: 100%;
	max-width: 60%;
	padding-top: 0px;
	padding-left: 30px;
	padding-bottom: 100px;
	padding-right: 10px;
	color: #FFFFFF;
	z-index:400;

}	
	
	
h7 {
    left: 50px;
	font-size: 1.7rem;
    text-align: left;
	line-height: 3rem;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#888916;
	letter-spacing: 0.188rem;
	word-spacing: 0.188rem;
	z-index:402;
		
	}
	
h8 {	
    left: 50px;
	font-size: 1.3rem;
    text-align: left;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#888916;
	letter-spacing: 0.188rem;
	word-spacing: 0.188rem;	
		
}
	
	

	
.column-footer {
	flex:100%;
	max-width: 60%;
	padding-top: 15px;
	padding-left: 10 px;
	padding-bottom: 100px;
	padding-right: 10px;
	z-index:401;
		
}	
.contact img {
	top:150px;
	left: -15px;
	max-width: 100%;
	
}

p {
	top: 150px;
	color:#C1C4B5;
    font-size: 0.563rem;
	text-align:left;
	line-height: 0.9rem;	
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	
	}

}