@charset "utf-8";


.background-home {
	background-image: url("../images/himalayas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.background-about-paragraph {
	padding:2%;
	background-color:white;
	border-style: solid;
	border-color: firebrick;
	border-width:10px;
	align-items:center;
	
}

.background-paragraph {
	padding:2%;
	background-color:white;
	border-style: solid;
	border-color: firebrick;
	border-width:10px;
	align-items:center;
	width:50%;
	
}

.why-mantra-main-background {
	background-image:url("../images/GettyRF_4502047051.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	padding:5%;
	background-attachment:fixed;
}

.contact-background {
	background-image:url("../images/Himalayan-Glaciers-1400x850.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding:1%;
}

.background-product {
	background-image:url("../images/himalayas.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

.paragraph {
	padding:1.5% 2%;
}

.text{
	text-align:center;
}

.text1 {
	text-align:right;
}

.body-copy {
	padding:5%;
	background-color:white;
	border-style: solid;
	border-color: firebrick;
	border-width:10px;
	align-items:center;
	margin:10%;
}

.body-copy2 {
	background-color:white;
	border-style: solid;
	border-color: firebrick;
	border-width:10px;
	align-items:center;
	margin:7%;
	padding:2%
}

.body-copy3 {
	background-color:white;
	border-style: solid;
	border-color: firebrick;
	border-width:10px;
	align-items:center;
	margin:10% 0 10% 15%;
	padding:2%;
}

.home-alignment {
	margin:100px;
}

.about-main{
	background-image:url("../images/mountains.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding:15%;
}

.list-item1 {
  	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;

}

.nav-bar {
	background-color:firebrick;
  	list-style-type: none;
	margin-top:2px;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.flex-box {
	display:flex;
	flex-direction: row;
	align-items: center;
}

.flex-box2 {
	display:flex;
	flex-direction:row;
	align-items:center;
	margin:0;
}

.flex-box3 {
	display:flex;
	flex-direction:row;
	align-items: center;
	margin:5% 2%;
}

.flex-box4 {
	display: flex;
	flex-direction: column;
	align-items:center;
}

.price {
	margin-top: -15%;
	padding: 0% 5%;
	background-color: firebrick;
	border-style:solid;
	border-color: black;
	
}

.image-size {
	width:50%;
}

.gallery_master {
	background-image:url("../images/shutterstock_1769699393.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	text-align:center;
	justify-content: space-around;
}

.gallery {
	margin: 20px;
	display:flex;
	flex-direction:column;
	width:300px;
	text-align:center;
}

.gallery img {
	width:100%;
	height:auto;
	
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
	border-style: solid;
	border-color: firebrick;
	border-width:10px;
	border-radius: 5px;
	background-color: white;
	padding: 20px;
	margin:100px;
}

.text2 {
	color:black;
}

@media only screen and (max-width: 800px){
	
	.flex-box {
	display:flex;
	flex-direction: column;
	align-items: center;
}
	
	.gallery_master {
	background-image:url("../images/shutterstock_1769699393.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	text-align:center;
	justify-content: space-around;
}
	
	.flex-box2 {
	display:flex;
	flex-direction:column;
	align-items:center;
	margin:10%;
}
	
	.image-size {
	width:100%;
}
	
	.flex-box3 {
	display:flex;
	flex-direction:column;
	align-items: center;
	margin:2%;
}

}