ul {
	margin: 0;
	padding: 0;
}

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

body {
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size:12px;
  color:#666;
	margin:0;
	width:100%;
	overflow-x:hidden;
	/*text-align:center;*/
}
.header{
	color:grey; 
	width:100%; 
	max-width:960px; 
	margin-left:auto; 
	margin-right:auto;
	outline:solid 0px blue;
}
.header-box{
	display:block;
	position:relative;
	width:100%; 
	padding:30px 0; 
	text-align:left;
}
.section {
	display:block;
	position:relative;
	margin-left:auto; 
	margin-right:auto; 
	width:100%; 
	max-width:960px;
	padding: 5px 0px;
	outline:solid 0px green;
}
.hero {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:100%;
	/*height:auto;*/
height:300px;
	background-color:#ccc;
}
.logo{
	display:inline-block; 
	/*outline:solid 0px green; 
	width:15px;
	height:14px;*/
  width:30px;
  height:100px;
	padding:0 20px 0 20px;
}
.logo-grey{
	height:14px; background-image:url(images/n8n-grey.png); 
	background-repeat:no-repeat;
  background-size: 60px auto;
}
.logo-white{
	height:14px; background-image:url(images/n8n-white.png); 
	background-repeat:no-repeat;
}
.logo-icon{
	vertical-align:middle; 
	padding-right:10px; 
	opacity:0.5;
}
.logo-icon-box{
	display:inline-block;
	padding:0 20px;
}
.menu-box{
	display:inline-block; 
	float:right;
	/*outline:solid 0px pink;*/
}
.menu {
	display:inline-block;
	padding:0 20px 0 20px;
}
.legal{
	padding:20px 20px 50px 20px;
	font-size:11px;
	text-align:right;
	color:#999;
}
.container{
	width:100%;
	max-width:960px;
	padding:20px 0;
	/*outline:solid 2px red;*/
}
 .section-box{
    margin-left:20px;
    margin-right:20px;
  }

@media screen and (max-width: 1000px) {
  body {
    
  }
  .header-box{
  	text-align:left;
  }
  .section-box{
  	margin-left:20px;
  	margin-right:20px;
  }
  .zcontainer{
  	overflow-x:hidden;
  	max-width:960px;
  	width:100%;
  	text-align:left;
  	outline:solid 0px green;
  }
  .logo{
  	margin-left:20px;
  }
  .menu-box{
  	margin-right:20px;
  }
}

@media screen and (max-width: 675px) {
	.logo-icon-box{
		display:block;
		text-align:center;
		padding:7px 0;
	}
	.logo-icon-center{
		margin:auto;
		display:block;
		width:130px;
		text-align:left;
	}
	.legal{
		text-align:center;
	}
}

@media screen and (max-width: 450px) {
  .header-box{
	padding-top:30px;
	padding-bottom:0px;
  	margin:auto;
  }
  .logo{
  	display:block; 
  	margin-left:auto;
  	margin-right:auto;
  	padding-bottom:20px;
  	/*outline:solid 3px red;*/
  }
  .menu-box{
  	display:block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
  }
  .menu {
  	display:block;
  	padding:6px 20px;
  	/*outline:solid 0px blue;*/
  }
  .section-box{
  	margin-left:auto;
  	margin-right:auto;
  	text-align:center;
  }
  .legal{
  	text-align:center;
  	line-height:14px;
  }
}

/* SLIDER */
h2{
  text-align:center;
  padding: 20px;
  width:100%;
  max-width:960px;
  outline:solid 0px green;
}

.slick-slide {
	display:block;
	outline:solid 0px red;
	margin:20px 0;
	width:100%;
	max-width:960px;
    /*margin: 0px 20px;*/
}

.slick-slide img {
    width: 100%;
}

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}