@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
a {
   text-decoration: none;
   color: white;
}
body {
	background-image: url("../images/Pictures/photo.jpeg");
	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-size: 100% 100%;
	overflow-x: hidden;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: white;
}
.header {
   position: relative;
   display: flex;
   background-color: #19776d;
   width: 100%;
}
.logo{
   position: absolute;
   border: 2px solid #e69c01;
   border-radius: 50%;
   top: 5%;
   margin-left: 2%;
   width: 7%;
}
.head_text_div {
   display: flex;
   justify-content: center;
   margin-top: 0.5%;
   width: 100%;

}
.head_text {
   position: relative;
   text-align: center;
   font-size: 1.5vw;
   padding-right: 10%;
   color: white;
}
.head_text a:hover{
   color: #e69c01;
}

#show:hover {
   cursor: pointer;
   color: #e69c01;
}
.tours_div {
   right: 30%;
   position: absolute;
   width: 100%;
}
.hide {
   padding-bottom: 5%;
   width: 100%;
   display: none;
}

.tours_types{
   width: 100%;
   background-color: rgb(25, 119, 109, 0.7);
}

.whatsapp {
   display: flex;
   width: 10%;
   margin-top: 1.75%;
}
.whatsapp_logo{
   margin-top: 1%;
   padding-right: 5%;
   width: 15px;
   height: 15px;
}
.whatsapp_number{
   color: white;
   margin: 0;
   font-size: 1vw;
}
.lang {
   position: absolute;
   top: 5%;
   right: 1%;
   width: 1.5%;
}
.flag {
   cursor: pointer;
   padding-bottom: 10%;
   width: 100%;
}

.ceremonies {
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.head {
	margin-left: 2.5%;
	color: #e69c01;
	font-size: 6vw;
}

.cerem_about {
	display: flex;
	justify-content: space-evenly;
}

.cer_pic{
	border: 2px solid #e69c01;
	margin-left: 2.5%;
	width: 40%;
}

.about_text{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	font-size: 1.5vw;
}

.more_pic {
	display: flex;
	justify-content: space-evenly;
}

.cer_pic2 {
	border: 2px solid #e69c01;
	margin-top: 4%;
	width: 45%;
	height: 22.5vw;
}

.recalling {
   display: flex;
   background-color: #19776d;
   width: 100%;
   margin-top: 18vh;
   font-size: 1.35vw;
   justify-content: space-between;
   color: white;
}
.numbers {
   display: flex;
   justify-content: space-evenly;
   width: 33%;
}
.email {
   width: 33%;
   text-align: center;
}
.mail a:hover {
   color: #e69c01;
}
.feedback_icons {
   width: 33%;
   display: flex;
   justify-content: center;
   margin-top: auto;
   margin-bottom: auto;
}
.feed_icon {
   width: 2vw;
}