/* CSS Document */

* {
    outline: none;
    box-sizing: border-box;
}

HTML {
    scroll-behavior: smooth;
    image-rendering: -webkit-optimize-contrast;
    /* scroll-padding-top: 110px; */
}

BODY {
    padding: 0;
    margin: 0;
	font-family: 'aktiv-grotesk', sans-serif;
	background-color: #eeeeee;
}

H1 {}
H2 {}
H3 {}
H4 {}
H5 {}
H6 {}

H1 A,
H2 A,
H3 A,
H4 A,
H5 A,
H6 A {
    text-decoration: none;
}

IMG {
    border: none;
}

HR {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.clr {
    clear: both;
}

.width {
    position: relative;
    width: 1000px;
    margin: 0 auto 0 auto;
	background-color: #ffffff;
}

.image-bg {
    background-image: url(../img/sample.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
}

.full-width-image {
	display: block;
	width: 100%;
	height: auto;
}

/* ********************************************************************* */
/*	COLUMNS
/* ********************************************************************* */

.row {
  padding: 0;
  position: relative;
  z-index: 997;
  min-height: 1px;
}

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -20px 0 -20px;
  min-height: 1px;
}

.item {
  box-sizing: border-box;
  padding: 0;
  margin: 0 2.5%;
  display: flex;
  flex-direction: column;
  min-height: 1px;
}

.row.no-gutter .item {
  margin: 0;
}

.item>DIV {
  min-height: 1px;
}

.item-vtop {
  justify-content: flex-start;
}

.item-vcenter {
  justify-content: center;
}

.item-vend {
  justify-content: flex-end;
}

.item-1-1 {
  width: calc(100% - 5%);
}

.no-gutter .item-1-1 {
  width: 100%;
}

.item-1-2 {
  width: calc(50% - 5%);
}

.no-gutter .item-1-2 {
  width: 50%;
}


/* ********************************************************************* */
/* ***** HEAD ********************************************************** */
/* ********************************************************************* */

#head { margin: 0 auto; padding: 3% 5%; }

#head IMG { display: block; height: 70px; width: auto; }

/* ********************************************************************* */
/* ***** MAIN ********************************************************** */
/* ********************************************************************* */

#banner { margin: 0 auto; padding: 0; }
#banner IMG { display: block; height: auto; width: 100%; }


#main { margin: 0 auto; padding: 5% 5% 0% 5%; }

#main .row .container .item { padding-bottom: 5%; }

#outer { padding: 5% 5% 5% 5%; background-color: #c0ebe7; }
#outer A {}
#outer IMG { height: 90px; width: auto; display: block; }
#outer IMG.arrow { margin: 0 0 0 auto; }

/* ********************************************************************* */
/* ***** FOOT ********************************************************** */
/* ********************************************************************* */

#foot { background-color: #000000; padding: 2% 5% 2% 5%; }

#foot IMG { height: 40px; width: auto; display: block; }

#foot IMG.right { margin: 0 15px 0 auto; }

/* ********************************************************************* */
/* ***** RESPONSIVE **************************************************** */
/* ********************************************************************* */

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

    .width { width: 100%; }
	
	#head IMG { height: 6vw; }
	
	#outer IMG { height: 8vw; }
	
	#foot IMG { height: 6vw; }
	#foot IMG.right { margin: 0 1vw 0 auto; }

}

@media screen and (max-width: 920px) {}

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

@media screen and (max-width: 580px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 385px) {}