@charset "UTF-8";


/*Global*/

.ad {
position:relative;
width: 100%;
height:auto;}
li a {
color: inherit;
text-decoration: none; }
.on { display: none; }
.off.on { display: block; }
a img { border: none; }

/* Header*/
.header-group {
position:absolute;
width: 100%;
height:15vmin; }
.logo-wrapper {
position:absolute;	
float: left;
width: 50%;
max-width:30%;
margin-top:2vmin;
z-index:5;
margin-left:15px;

}
.header_text {	
position:relative;
width:50%;
float:right;
margin-top: 2vmin;
z-index:0;

}
.header-group h1{
color: rgb(255,255,255);
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
font-weight: 800;
margin-right: 30px;
text-align: right;
float: right;
font-size: 2.7vmin;
font-size-adjust:inherit;
letter-spacing: .1vmin;
line-height: .5vmin;
height: 3 vmin; 
}
.header-group h2 {
color: rgb(255,255,255);
font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
font-weight: 800;
margin-right: 30px;
margin-top:2%;
text-align: right;
font-size: 1.7vmin;
letter-spacing: .1vmin;
font-size-adjust:inherit;
line-height: 1vmin;
padding-top: 3.5vmin;
height: 3vmin; }




/*Gallery*/
.gallery {
    border: 1px solid #ccc;
	border-radius:5px;
	position:relative;
	margin-top:20%;
	}

.gallery:hover {
    border: 1px solid #777;}

.gallery img {
    width: 100%;
    height: auto;}

.float{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.8vmin;
    text-align: center;
    color:#FFF;
    padding: 10px;
}

.row{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.desc {
    padding: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.8vmin;
    text-align: center;
	color:#FFF;
	}

* {
    box-sizing: border-box;}

.responsive {
    padding: 6px;
    float: left;
    width: 24.99999%;}
	
.responsive_return {
    padding: 6px;
	margin:auto;
    width: 24.99999%;}	

@media only screen and (max-width: 460px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;}
}

@media only screen and (max-width: 380px) {
    .responsive {
        width: 100%;}
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;}