Minimalio
/**
 * Theme Name: AMWkokoon
 * Template:   minimalio
 * Author: AMW
 */

.w-6{width: 2rem;
color: white;}
.right-4 {
left: 1rem;}
.header__container .relative .container{
	min-width: 100% !important;}
.header__logo-link-mobile{margin:auto;}
.flex .flex-wrap .items-center .w-auto .p-0 .header__col-right{display:none;}
.header__mobile-button {display: block !important;
width: 2rem !important;
}
.sssite-content.overflow-x-hidden{margin-top: 0px !important;
min-height: 0px !important;} 
.menu-main-container {display: none!important;}
.body {
  font-family: KOKOON FONT, sans-serif !important;
}
.container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.kokoonlandvideo{display: inline-block;
position: absolute;
max-width:200vw !important;
top: 50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
margin: 0;
	width:200vh !important;
padding: 0;
overflow:hidden;
background-size:cover;}

.button{
  position: absolute;
  display: block;
  font-weight: 100;
  background: #000;
  color: #fff;
	text-align: center;
	text-decoration: none !important;
	transition-duration: 1s;
	left:50%;
	font-size: 1.4rem;
	width: 160px;
	margin: 0 0 0 -80px;
	margin-bottom:5px;
	margin-top:5px;
}
  .button.but1{bottom: 40%;}
	.button.but2{bottom: 33%;}
	.button.but3{bottom: 26%;}
.buttonboxland{
	column-count: 3;
  padding: 0 10px;
width: 90vw;}
.buttonarealand{
	display:none;
	left:50%;
	width: 90vw;
z-index:1;}

@media all and (min-width: 1201px){
	.kokoonlandvideo{
	min-width: 200vh !important;
	min-height: 100vh;}
	.landingpage .button {
	bottom: 20vh;
	font-size: 2rem;
	width: 160px;
	margin: 0 0 0 -80px;}
	.button.but1{left:25%;}
	.button.but2{left:50%;}
	.button.but3{left:75%;}
	.amwsinglecontainer{
  padding-top: 0px;
	}
		.amwimagescontainer{
	width: 65vw;
	display: inline-block;}
	.amwtextcontainer{
	width: 30vw;
	display: inline-block;
  position: absolute;
  padding-left: 15px;
  padding-right: 15px;
	}
	}

@media all and  (max-width:1200px){
	.kokoonlandvideo{
	min-width: 200vh !important;
		width:200vh;
	min-height: 70vh;}
	.landingpage .button {
	left:50%;
	font-size: 1.4rem;
	width: 160px;
	margin: 0 0 0 -80px;
	margin-bottom:5px;
	margin-top:5px;}
 .button.but1{bottom: 40%;}
	.button.but2{bottom: 33%;}
	.button.but3{bottom: 26%;}
	.amwsinglecontainer{
  padding-top: 0px;
	}
.amwtextcontainer{
  padding-left: 15px;
  padding-right: 15px;
	}}

@media all screen and (any-pointer: coarse) and (max-width:1200px){
	.kokoonlandvideo{
	min-width: 100vw !important;
		width:200vh;
	height: 80vh !important;}
	.landingpage .button {
	left:50%;
	font-size: 1.4rem;
	width: 160px;
	margin: 0 0 0 -80px;
	margin-bottom:5px;
	margin-top:5px;}
 .button.but1{bottom: 40%;}
	.button.but2{bottom: 33%;}
	.button.but3{bottom: 26%;}
}

@media all screen and (pointer: fine){
	.kokoonlandvideo{
	min-width: 100vw !important;
		width:200vh;
	height: 80vh !important;}
	.landingpage .button {
	left:50%;
	font-size: 1.4rem;
	width: 160px;
	margin: 0 0 0 -80px;
	margin-bottom:5px;
	margin-top:5px;}
 .button.but1{bottom: 40%;}
	.button.but2{bottom: 33%;}
	.button.but3{bottom: 26%;}
}
@media only screen and (min-width: 1201px) and (pointer: fine){
	.kokoonlandvideo{
	min-width: 200vh !important;
	min-height: 100vh;}
	.landingpage .button {
	bottom: 20vh;
	font-size: 2rem;
	width: 160px;
	margin: 0 0 0 -80px;}
	.button.but1{left:25%;}
	.button.but2{left:50%;}
	.button.but3{left:75%;}
	}

.py-8 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.button:hover {
  background-color: #fff;
	color:#000;
}

.mobile-menu {
display:block !important;
Top: -70px;
Left: -10px;
height: 100%;
color:black;
transition: transform .5s ease !important;
	-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
top: 0;
height: 100vh;
width: 400px;
max-width: 70%;
background: #fff;
color: #000;
border-top: 190px solid #000;
}
.mobile-menu.is-active {
display:fixed;
width: 30vw !important;
min-width: 14rem !important;
transition: transform .5s ease !important;
-ms-transform: translateX(0%)!important;
transform: translateX(
0%)!important;
position: absolute;
top: 0;
left:0%;
height: 100vh;
width: 400px;
max-width: 70%;
background: #fff;
color: #000;
border-top: 100px solid #000;
padding: 0px 0 14px 0px;}

.header{height:100px;}
.site .custom-logo-link .img-fluid{
max-height: 80px;}

.mobile-menu__menu > .mobile-menu__item{letter-spacing: 3px;
line-height: 50px;
font-size: 25px;}

.mobile-menu__logo-wrap{
min-height:0px!important;}

.amwcontactform{
	width: 70vw;
  margin: auto;
	padding-top:0px;
}
.entry-title{display:none;}
.amwsinglecontainer{
  margin-top: -4rem;
	display: block;
	position: absolute;
	}