* {
  box-sizing: border-box;
  /*overflow: hidden;*/
}
body {
  margin: 0;
  background: #215D66;
  /*background: url("https://i.pinimg.com/originals/3d/08/e0/3d08e03cb40252526fee2036a67f07f1.gif");*/
  background-size: cover;
}

/*Navbar*/
#logo.img{
    text-align: left;
    padding-right: 1rem;
    padding-top: 1rem;

}

/*CARASOLE*/
.carasole.img{
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  }


      /*About US*/
.about-us h1{
  text-align: center;
  background: linear-gradient(
    to right, 
    hsl(98 100% 62%), 
    hsl(204 100% 59%)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.about-us p{
  text-decoration-color: white;
}
p{
  color: white;
}

.float-container {
    /*border: 3px solid #fff;*/
    padding: 20px;
}

.float-child {
    width: 50%;
    padding: 20px;
    float: right;
    /*border: 2px solid red;*/
}  


/*PARALAAX EFFECT*/
.parallax {
  /* The image used */
  /*https://images.unsplash.com/photo-1470217407524-b1e77afc6ec5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80*/
  background-image: url('../images/Blue-Wood.png');

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}







/* footer------------------------------------ */

@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");



body {
  font-family: Lato, sans-serif;
}

html{
  overflow-x: hidden;
}
footer {
  width:100vw;
  position:relative;
  bottom:0px;
  /* margin-left: -120%; */
  /* margin-right: -120%; */
  /* left: 0px; */
  /* margin-left: -120px; */
  
}
footer div {
  background-color:#4E8D94;
  margin: -5px 0px 0px 0px;
  padding:0px;
  color: #fff;
  text-align:center;
}
svg {
  width:100%;
}

.wave {
  animation: wave 3s linear;
  animation-iteration-count:infinite;
  fill: #4E8D94;
}
.drop {
  fill: transparent;
  animation: drop 5s ease infinite normal;
  stroke: #4E8D94;
  stroke-width:0.5;
  opacity:.6; 
  transform: translateY(80%);
}
.drop1 {
  transform-origin: 20px 5px;
}
.drop2 {
  animation-delay: 3s;
  animation-duration:3s;
  transform-origin: 25px 5px;
}
.drop3 {
  animation-delay: -2s;
  animation-duration:3.4s;
  transform-origin: 16px 5px;
}
.gooeff {
      filter: url(#goo);
}
#wave2 {
  animation-duration:5s;
  animation-direction: reverse;
  opacity: .6
}
#wave3 {
  animation-duration: 7s;
  opacity:.3;
}
.cont{
  display: block;
  font-size: larger;
  padding-bottom: 20px;
}

.icons{
font-size: x-large;
color: black;
size: 50px;
}

.fa-envelope:hover{
    color: #8283a7;
} 


.fa-map-marker-alt:hover{
    /*opacity: 0.5;*/
    color: red;
}

@keyframes drop {
  0% {
    transform: translateY(80%); 
    opacity:.6; 
  }
  80% {
    transform: translateY(80%); 
    opacity:.6; 
  }
  90% { 
    transform: translateY(10%) ; 
    opacity:.6; 
  }
  100% { 
    transform: translateY(0%) scale(1.5);
    stroke-width:0.2;
    opacity:0; 
  }
}
@keyframes wave {
  to {transform: translateX(-100%);}
}