@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%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.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 {
   z-index: 1;
   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%;
}

.place{
	margin-top: 3%;
}

.big_image_div .big_image{
   border: 4px solid #e69c01;
   width: 80%;
   height: 40vw;
   display: flex;
   justify-content: center;
   align-items: center;
   position: fixed;
   top: 50vh;
   left: 50vw;
   transform: translate(-50%, -50%);
}
.big_image_div {
   display: none;
}
.big_image_div.open {
   display: block;
}

.blocker {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   content: ' ';
   background: rgba(0,0,0,.5);
}

.place_name{
	margin-bottom: 3%;
	color: white;
	text-align: center;
}

.pictures_div {
	display: flex;
	width: 100%;
}

.picture_div{
	width: 30%;
	margin-left: 2.5%;
}

.picture{
   cursor: pointer;
	border: 3px solid #e69c01;
	height: 17vw;
	width: 100%;
}

.picture:hover {
   opacity: 80%;
}

.author {
	margin-top: 0;
	color: white;
	font-size: 1vw;
	float: right;
}

.recalling {
   position: relative;
   bottom: 0;
   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;
}