*{
	margin: 0;
	padding: 0;
	font-family: Helvetica;
	font-color: #fff;
	box-sizing: border-box;
}

body{
	background: rgb(2,68,36);
	background: linear-gradient(90deg, rgba(2,68,36,1) 14%, rgba(11,105,58,1) 100%);
	color: #fff;
}

.container{
	width: 100%;
	height: 80vh;
}

.slides{
	width: 100%;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
	color: #fff;
}

#audio2{
		position: fixed;
    bottom: 20px;   
    right: 20px;
}

#contentcontainer{
	background-image:url(img/websitebackground.png);
	background-size:100%;
	background-repeat:no-repeat;
	padding-top: 1350px;
}

.content{
	color: #fff;
}

.menubalk a{
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	padding: 10px 3vw 10px 3vw;
	border-radius: 5px;
}

.menubalk a:hover{
	color: #0b693a;
	opacity: 0.6;
	background-color: #fff;
  transition: ease-in-out 0.25s;
}

.hr{
	width: 92%;
	align: center;
	border: 0;
	height: 1px;
	background: #fff;
}

.contenttext{
	text-align: justify;
	line-height: 1.6;
	font-size: 22px;
	margin-left: 20px;
	margin-bottom: 50px;
}

.contactinfo{
	line-height: 1.6;
	margin-left: 15px;
	font-size: 16px;
}

.contactinfo a{
	color: #fff;
	text-decoration: none;
}

.contactinfo a:hover{
	text-decoration: underline;
}

.gallery{
	margin: 10px 50px;
}

.gallery img{
	transition: 1s;
	padding: 5px;
	width: 140px;
	vertical-align: middle;
}

.gallery img:hover{
	filter: grayscale(100%);
	transform: scale(1.1);
}

.listing{
	margin-left: 20px;
	line-height: 2.0;
}

.listing a{
	color: #fff;
	text-decoration: none;
}

.listing a:hover{
	text-decoration: underline;
}

.cadeautip{
	display: flex;
	align-items: center;
}

.contactform{
	margin-left: 30px;
}


.contact-form {
  list-style-type: none;
  li {
    div {
      margin-bottom: 2.5em;
    }
  }
  input,
  textarea,
  select {
    width: 100%;
    margin: 0;
    padding-bottom: 1.4em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #aaaaaa;
    background: transparent;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transition: ease-in-out 0.25s;
  }
  textarea {
    min-height: 50px;
    max-height: 500px;
    white-space: pre-wrap;
    word-wrap: break-word;
    resize: vertical;
    overflow: hidden;
  }
  ::-webkit-input-placeholder {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
  }
  label {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
  }
  input:focus,
  select:focus,
  textarea:focus,
  button:focus {
    outline: none;
    resize: none;
    border-bottom: 3px solid #99b7f5;
  }

  }
  #amount {
    border: 0;
    color: lightgrey;
    font-weight: 400;
    font-size: 28px;
    padding-top: 1.1em;
    letter-spacing: 3px;
  }
  button {
    color: #fff;
    background: rgba(34, 34, 34, 0.0);
    border: 3px solid #99b7f5;
    height: 74px;
    width: 200px;
    float: right;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: ease-in-out 0.25s;
    span {
      transition: ease-in-out 0.25s;
    }
  }
  button:hover {
    background: #99b7f5;
    color: #fff;
    span {
      padding-left: 10px;
      color: white;
    }
  }
}