html{
	height:100%;
	scroll-behavior:smooth;
}

/*Header*/
*{
	margin:0;
	padding:0;
}

header img{
	float: left;
  padding-top: 24px;
  padding-left: 30px;
}

#logo{
	width:150px;
	height:40px;
	padding-top: 13px;
}

/*top navigation bar*/
.topnav{
	overflow: hidden;
	display: flex;
  justify-content: flex-end;
  position: relative;
}
.topnav a{
    color: #f2f2f2;
    padding: 24px 26px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Archivo', sans-serif;
}
.menu-icon{
	font-size:30px;
	cursor:pointer;
	color:white;
	padding: 12px 26px;
}

.topnav a:hover,.topnav span:hover{
    color:#BDB596;
}

/*side navigation*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #BDB596;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  margin-left: 180px;
}

.sidefooter {
	padding-top: 350px;
	line-height: 25px;
	}
.sidefooter p{
	padding-left: 10px;
	color: #888888;
	font-size: 13px;
	letter-spacing: 0.5px;
	}
.sidefooter a{
	color: #888888;
	font-size: 13px;
	width: 50px;
}

header .sidefooter #logo img{
	width: 150px;
}
.sidefooter2{
	display: inline-flex;
	flex-direction: column;
	text-align: left;
	padding-left: 1em;
}
.sidefooter2 .socialmedia{
	align-items: center;
	padding: 0;
	margin-top: 10px;
	display: flex;
	justify-content: flex-start;
}
.socialmedia a{
	padding:0;
}
.socialmedia img{
	padding:1em;
}
.sticky {
  position: fixed;
/*  background-color: rgba(0,0,0,0.5);*/
  padding-bottom: 16px;
  top: 0;
  width: 100%;
  z-index: 9999;
}


@media screen and (max-width: 768px) {
	.topnav a:not(.menu-icon) {
    display: none;
  }
	.sidenav {
		padding-top: 50px;
	}
	.sidenav a {
		font-size: 18px;
	}
	#logo{
	width:200px;
	height:auto;
}
.menu-icon{
	font-size:50px;
	cursor:pointer;
	color:white;
	padding: 12px 26px;
}
}

/*hero IMG*/


@media (max-width: 768px){

	body{
		position: relative;
	}

	.sidenav{
		position: absolute;
	}
}


.hero{
	width: 100%;
	height: auto;
	background-image: linear-gradient(rgba(35, 32, 34, 0.6),rgba(35, 32, 34, 1));
	position: relative;
	overflow: hidden;
	padding-bottom: 7rem;
}

/*background image*/
.back-video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}


@media screen and (max-width: 768px) {
  .top{
    flex-direction: column;
  }

  .tops{
    width: 100%;
  }
}

/*body*/
body{
	background-color:#232022;
	margin-top: 0;
}

nav a:hover {
	color:#C1B696;
 }

/*fisrt half of the content*/
.top{
	display:flex;
	flex-wrap: wrap;
	margin-top: 12.5rem;
	padding-left: 3.44rem;
	padding-right: 3.44rem;
}

.top h3{
	font-weight: normal;
}

/*left side of the first half*/

.tops{
 	flex:1;
 	padding:1.25rem;
 	width: 43rem;
}

.tops h1{
	font-size:3.1rem;
	color:#FFFFFF;
	font-weight: normal;
	font-family:'Lora', serif;
	margin-top: 0;
}

/*right side of the first half*/
.tops2{
 	flex:1;
 	padding: 1.25rem;
 	padding-left: 9rem;
 	width: 43rem;
}

.tops2 p{
	width: 32rem;
	font-size:0.87rem;
	font-weight: lighter;
	color:#FFFFFF;
	font-family:'Archivo', sans-serif;
	line-height:2;
	letter-spacing:0.2px;
}

.read-more{
	margin-top: 0 auto;
	color:#FFFFFF;
	border-bottom: 1px solid;
	width: 4.25rem;
	margin-right: 0 auto;
	margin-left: 27.5rem;

}

.read-more p{
	margin-bottom: 0;
}

/*for the fonts*/

h1{
	font-size:3.1rem;
	color:#FFFFFF;
	font-family:'Lora', serif;
}

h2{
	font-size:2.18rem;
	color:#FFFFFF;
	font-family:'Lora', serif;
}

h3{
	font-size:1.25rem;
	color:#C1B696;
	font-family:'Archivo', sans-serif;
	letter-spacing:0.5px;
}

h4{
	font-size:1.25rem;
	color:#C1B696;
	font-family:'Archivo', sans-serif;
}

p{
	font-size:0.94rem;
	color:#FFFFFF;
	font-family:'Archivo', sans-serif;
	line-height:2;
	letter-spacing:0.2px;
}

/*Gallery images*/
.gallery{
	display: flex;
	overflow-x: scroll;
	text-align: center;
	padding-left: 0.6rem;
}

.gallery::-webkit-scrollbar{
	display: none;
}

.scroll{
	padding: 1.25rem;
	width: 31.2rem;
}

#gallery-images{
	padding-bottom: 4em;
	padding-left: 4em;
	padding-right: 4em;
	padding-bottom: 2em;
}

#gallery-images h3{
	text-align: center;
	font-size:1.25rem;
	color:#C1B696;
	font-family:'Archivo', sans-serif;
	font-weight: normal;
	margin-bottom: 2.5rem;
}

.gallery-h3 h3{
	margin-top: 0 auto;
}

/*FOOTER*/

footer {
	padding-top: 50px;
	min-height: 100%;
	line-height: 25px;
	}

.first-footer a {
	color: #888888;
}

.first-footer a:hover {
	color: #BDB596;
}

footer p{
	color: #888888;
	font-size: 13px;
	letter-spacing: 0.5px;
	}

footer h3{
	color: white;
  font-weight: 500;
  font-family: 'Lora', serif;
}

.first-footer {
	margin-top: 80px;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	padding-left: 13vw;
	}
#gettinghere{
	color:#BDB596 ;
	margin-top: 10px;
	}
#insta{
	color: #555555;
	}
.first-footer > div {
	flex:0 1 auto;
	padding: 50px;
	}
.first-footer > div > h3 {
	font-size: 15px;
	padding-bottom: 10px;
	}
.first-footer > div:first-child img {
	width:150px;
	height:40px;
	margin-left: auto;
	}
.first-footer > div:last-child {
	margin-right: auto;
	}
.second-footer {
	width: 100vw;
	background-color: #232022 ;
	justify-content: center;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	}
.second-footer img {
	margin: 0 10px;
	}
.second-footer p {
	margin: 10;
	}

	@media only screen and (max-width: 768px) {
		footer {
	padding-top: 80px;
	min-height: 100%;
	line-height: 25px;
	}
footer p{
	color: #888888;
	font-size: 18px;
	letter-spacing: 0.5px;
	}

.first-footer {
	margin-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: flex-start; 
  margin-bottom: 20px;
	}
#gettinghere{
	color:#BDB596 ;
	margin-top: 10px;
	}
#insta{
	color: #555555;
	}
.first-footer > div {
	flex:auto;
	padding: 20px;
	}
.first-footer > div > h3 {
	font-size: 25px;
	padding-bottom: 10px;
	}
.first-footer > div:first-child img{
	width:200px;
	height:auto;
	margin-left: 0;
	}
.first-footer > div:last-child {
	margin-right: auto;
	}
.second-footer {
	width: auto;
	background-color: #232022 ;
	justify-content: center;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	}

	}

/* For minimizing the screen size  */


@media (max-width: 768px){
    .top, .tops2 {
        display: flex;
        flex-direction: column;
/*        align-items: center;*/
        text-align: left;
        width: 100%;
        padding: 0px;
        overflow-wrap: break-word;
        word-break: break-word; 
    }
    .top h1, .tops2 h1{
    	font-size: 2rem;
    	padding-left: 10px;
    }

    .top h3 {
    	font-size: 1.2rem;
    	padding-left: 10px;
    } 

    .read-more {
    	margin-left: 300px;
    	width: 100px;
    	text-align: left;

    }

    .tops{
    	padding-top: 140px;
    }

    .tops2{
    	padding-top: 90px;
    }


    .tops2 h3{
    	font-size: 1.2rem;
    	padding-left: 30px;
    	margin-top: 10px;
    }
    .top p, .tops2 p {
        font-size: 0.8rem;
        max-width: 380px;
        padding-left: 30px;
        margin-top: 0px;
    }

    .read-more p{
    	margin-left: -10px;
    }

    #logo{
    	width: 140px;
    	height: auto;
    	padding-top: 23px;
    }

    .top{
    	margin-top: 20px;
    }


}