.home div.inner div:first-child {animation: none!important; }

      body {margin: 0px; padding: -0px;}
     
html {        background-attachment: fixed; background-image: url(../img/bg-bamboo-01.jpg); background-color: rgb(13, 46, 24);
    background-position: bottom center;
    background-size: cover;
  font-family: Arial, Helvetica, sans-serif;
animation: 1s sharpenIn;
   
  /*filter: blur(10px);*/}




header {float: left; width: 100%; /*height: 100%;*/ text-align: center;}


nav { }

nav a {color: white; text-decoration: none; padding: 1% 2%;  transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-timing-function: ease; transition: all 1s; text-shadow: 50px 50px 50px black;  box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, .7); /*background-color: rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 50px 10px #000;*/ /*position: fixed ;*/
 background-color: rgba(0, 0, 0, .4); border-radius: 50%;
/*background: radial-gradient(circle, rgba(0, 0, 0, 0.85) 0%, rgba(7, 7, 7, 0) 67%, rgba(18, 18, 18, 0) 100%);*/}
nav a:hover { /*background-color: rgba(0, 0, 0, 1);*/}

/* nav a:after {content: ""; display: block; width: 100%; height: 20px; background-color: red;  margin-top: -20px; filter: blur(5px); z-index: 1; margin: 5px 0px; }
nav a:hover:after {height: 40px; margin: -40px 0px 0px 0px; }*/


section.content {background-color: white; float: left; line-height: 1.5em;     width: 100%; }
.inner {float: left; padding: 3% 10%; width: 80%; }


div.row div {float: left; width: 46%;  padding: 2%; transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-timing-function: ease; transition: all 1s; }
div.row div img {width: 100%;}

div.row3 div {padding: 2%; width: 29%;}
div.row4 div {padding: 0% 2%; width: 21%;}

div.reviews div {padding-top: 0%;}


h1 {width: 100%; text-align: center; color: white; font-size: 4em; text-shadow: 50px 50px 50px black;}
p {color:#404040; }

footer  {float: left; text-align: center; padding: .5%;  width: 99%;}
footer p {float: left; display: block; color: white; text-shadow: 2px 2px 5px #000; text-align: center; width: 100%; /*font-weight: bold;*/}



.phone {background-image: url(../img/foon.svg); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 1.5em;}
.email {background-image: url(../img/mail.svg); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 1.5em;}
.agenda {background-image: url(../img/agenda.svg); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 1.5em;}
.adress {background-image: url(../img/pin.svg); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 1.5em;}

.facebook {background-image: url(../img/facebook.svg); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 1.5em;  width: 40px; height: 40px; display: block; float: right;
}





.home header {position: static ; min-height:90vh;}
.home header {}

.home header h2 {color: white; font-size: 2.5em; margin: 10px; margin-top: 60vh; text-shadow: 50px 50px 50px black; }
.home h1 {margin: 0px;}

.home section.content {padding-top: 0px;}
.home section.content .inner {padding-top: 0px;}

div.inner:first-child {animation: none!important background-color: yellow;}

/* wordrpess*/

figure {margin: 0px;}
figure.size-full img {width: 100%;}
.wp-block-column {padding: 20px;}



/*////////// Animation ///////////////// */

@keyframes fadeInUp {
 from {
    transform: translateY(20%) scale(0.6);
    filter: blur(5px);
    opacity: 0;
     ease-out;
  
  }
  to {
    transform: translateY(0%) scale(1);
    filter: blur(0px);
    opacity: 1;
     ease-out;
  }
}

/*
@keyframes sharpenIn {
 from {filter: blur(5px);}
  to {filter: blur(0px);}
}
*/

div.wp-block-columns {animation: 1s fadeInUp;
   animation-timeline: view();
   animation-range: 0% 50%;
  /* animation-range: 0% 50%;
  animation-range: 50% 100%;*/
}

/*////////// Mobile ///////////////// */

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

        div.row div {width: 100%;}

       .home header h2 {color: white; font-size: 2.5em; margin: 10px; margin-top: 30vh; }




div.wp-block-columns {animation: none;}




        }