/* ----------------------------------------------------------------------------- MAX WIDTH 1024 PX */

@media only screen and (max-width:1024px) {
	
#header .image {
padding: 10vw 0 0 0;
background: #B8C3CC
}

#logo {
max-width: 200px;
position: absolute;
top:3vw;
left:50%;
margin: 0 0 0 -100px
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 960 PX */

@media only screen and (max-width:960px) {
	


}

/* ----------------------------------------------------------------------------- MAX WIDTH 740 PX */

@media only screen and (max-width:740px) {

body {
line-height: 140%;
}

.section.page h1, å
.section.page h2, 
.section.page h3, 
.section.page a {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

#logo {
max-width: 150px;
top:5vw;
margin: 0 0 0 -75px
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 640 PX */

@media only screen and (max-width:640px) {
	
h1 {
font-size: 2.8rem;
line-height: 100%
}

h2 {
font-size: 1.8rem;
}
	
.section .sectionInner p {
margin: 5vw 0 0 0
}

/* Page */

.section.page {
padding: 120px 12vw 12vw 12vw 
}

.section.page h3 {
margin: 5vw 0 0 0
}
	
/* Intro */

.section.intro {
background: rgba(74,106,125,0.05);
padding: 12vw 0
}

.section.intro .sectionInner {
display: block;
padding: 0;
}

.section.intro .sectionInner .introteaser {
width: 100%;
padding: 0;
margin: 8vw 0 12vw 0
}

.section.intro .sectionInner .introteaser:nth-child(2) img {
margin: 0
}

.section.intro .sectionInner .introteaser .image {
text-align: center;
height: auto;
}

.section.intro .sectionInner .introteaser .text {
text-align: center
}

.section.intro .sectionInner .introteaser .text ul {
list-style: none;
margin: 5vw 0 0 0;
line-height: 150%;
}

.section.intro .sectionInner .introteaser .text ul li::before {
content: "•";
padding: 0 5px 0 0
}

.section.intro .sectionInner .introteaser .image img {
max-width: 150px
}

/* Teaser */

.section.teaser .sectionInner {
display: block;
}

.section.teaser .sectionInner .text {
padding: 6vw 12vw 12vw;
text-align: center
}

/* Variants */

.section.variants {
padding: 8vw 0 12vw
}

.section.variants .innerWrapper {
grid-template-columns: 100%;
grid-template-areas:"gallery"
					"variants";
grid-column-gap: 0%;
padding: 0
}

.section.variants h2 {
font-size: 2.8rem;
}

.section.variants .text {
grid-area: variants;
padding: 50px 12vw 15vw
}

.section.variants .text .btn {
margin: 40px auto 0;
width: 60%;
display: block
}

.section.variants .sliderWrapper {
grid-area: gallery;
padding: 0 8vw
}

.gallery .icon {
padding: 1.5vw;
}

.gallery:hover .icon.gallery-next {
right:calc(1vw);
}

.gallery:hover .icon.gallery-prev {
left:calc(1vw);
}

.gallery-thumbs {
display: flex;
padding: 0 7vw
}

.section.variants .text {
padding: 5vw;
text-align: center
}

.section.variants .text ul {
list-style: none;
margin: 3vw 0 0 0;
line-height: 150%;
}

.section.variants .text ul li::before {
content: "•";
padding: 0 5px 0 0
}

.section.variants .datatable {
margin: 6vw auto 0;
text-align: left;
}

/* Mission */

.section.mission .sectionInner {
display: block;
}

.section.mission .sectionInner .text {
padding: 6vw 12vw 12vw;
text-align: center
}

.section.mission .sectionInner .image {
height: 50vw;
}

/* ----- FOOTER ----- */

#footerWrapper {
padding:12vw 5vw 17vw;
}

#footerlogos {
display:flex;
flex-wrap: wrap;
align-items:center;
}

#footerlogos .cell {
flex: 0 0 33.333333%;
padding: 0 7vw;
}

#metaMenu {
margin: 50px 0 0 0;
font-size: 0.9rem;
}

#metaMenu .spacer {
font-size: 1rem;
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 480 PX */

@media only screen and (max-width:480px) {
	
#logo {
max-width: 120px;
top:25px;
margin: 0 0 0 -60px
}

#header .image {
padding: 80px 0 0 0;
}


#metaMenu .spacer {
padding: 0 4px;
}
	
}