.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.center {
    vertical-align: middle;
    max-height: 100px;
	width:100% 
}


p {
  color: black;
  text-align: justify;
  padding:10px;
  line-height:30px;
  font-family: 'Roboto Condensed', sans-serif;
}





#header-home{
background-color:#ffffff50;
background:url("http://villamediteran.eu/wp-content/uploads/2019/01/clouds.png") repeat-x  0 bottom #146eb4;
  position:relative;
  left:0;
  z-index:9999;
  -webkit-transform:translate3d(0,0,0.01);
  transform:translate3d(0,0,0.01);	
}


#footer1{
background-color:#ffffff50;
background:url("http://villamediteran.eu/wp-content/uploads/2019/01/waves.png") repeat-x  0 bottom #81d3f8;
  position:relative;
  left:0;
  z-index:1;
  -webkit-transform:translate3d(0,0,0.01);
  transform:translate3d(0,0,0.01);	
}




/*
.grid1 > div {
    color: #ffeead;
    display: flex;
    align-items: center;
    padding: 0px 20px;
}*/


.slideanim{
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {
    visibility: visible;
    animation: slide 1s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.slide-left {
    position: relative;
    left: -300px;
    -webkit-animation: slide-left 1.5s forwards;
    -webkit-animation-delay: 1.5s;
    animation: slide-left 1.5s forwards;
    animation-delay: 1.5s;
    }

    @-webkit-keyframes slide-left {
    100% { left: 0; }
    }

    @keyframes slide-left {
    100% { left: 0; }
    }


.slide-left1 {
    position: relative;
    left: -100%;
    -webkit-animation: slide-left 1s forwards;
    -webkit-animation-delay: 0s;
    animation: slide-left 1s forwards;
    animation-delay: 0s;
    }

    @-webkit-keyframes slide-left1 {
    100% { left: 0; }
    }

    @keyframes slide-left1 {
    100% { left: 0; }
    }


    .slide-right {
    position: relative;
    right: -300px;
    -webkit-animation: slide-right 1.5s forwards;
    -webkit-animation-delay: 1.5s;
    animation: slide-right 1.5s forwards;
    animation-delay: 1.5s;
    }

    @-webkit-keyframes slide-right {
    100% { right: 0; }
    }

    @keyframes slide-right {
    100% { right: 0; }
    }


 .slide-right1 {
    position: relative;
    right: -100%;
    -webkit-animation: slide-right 1s forwards;
    -webkit-animation-delay: 0s;
    animation: slide-right 1s forwards;
    animation-delay: 0s;
    }

    @-webkit-keyframes slide-right1 {
    100% { right: 0; }
    }

    @keyframes slide-right1 {
    100% { right: 0; }
    }

.slide-right2 {
    position: relative;
    right: -300px;
    -webkit-animation: slide-right .5s forwards;
    -webkit-animation-delay: 1.5s;
    animation: slide-right 1.5s forwards;
    animation-delay: .5s;
    }

    @-webkit-keyframes slide-right {
    100% { right: 0; }
    }

    @keyframes slide-right {
    100% { right: 0; }
    }

    .slide-top {
    position: relative;
    top: -200px;
    -webkit-animation: slide-top 1s forwards;
    -webkit-animation-delay: 1s;
    animation: slide-top 1s forwards;
    animation-delay: 1s;
    }

    @-webkit-keyframes slide-top {
    100% { top: 0; }
    }

    @keyframes slide-top {
    100% { top: 0; }
    }

    .slide-bottom {
    position: relative;
    bottom: -200px;
    -webkit-animation: slide-bottom 1s forwards;
    -webkit-animation-delay: 0s;
    animation: slide-bottom 1s forwards;
    animation-delay: 0s;
    }

    @-webkit-keyframes slide-bottom {
    100% { bottom: 0; }
    }

    @keyframes slide-bottom {
    100% { bottom: 0; }
    }