<?xml version="1.0" encoding="utf-8"?>
body {
  margin: 0;
}

/* ---------------------- START NAV HEADER  ---------------------*/
header {
  margin: 0 auto;
  background: #fff;
}

.title {
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.2ch;
	text-transform: uppercase;
	color:black;
	text-align: center;
	line-height: 2em;
}

.menu  {
  text-align:center;
  width: 100%;
}

.menu a {
  text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 350;
	font-size: 12px;
	letter-spacing: 0.2ch;
	text-transform: uppercase;
	color:black;
	text-align: center;
}

.menu a:hover {
  text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 350;
	font-size: 12px;
	letter-spacing: 0.2ch;
	text-transform: uppercase;
	color:green;
	text-align: center;
}

header img {
		width:100%;
		height: auto;
}
/* ---------------------- END NAV HEADER  ---------   ------------*/

/* ---------------------- START PAGE HEADER  ---------------------*/
.header2 {
	margin:0 auto;
	width: 100%;
	background: #ffffff;
}
.header2 h1 {
	margin: 0;
	font-family: 'Playfair', sans-serif;
	font-weight: 500;
	font-size: 4em;
	text-transform: uppercase;
	letter-spacing: .1ch;
	color: #black;
	text-align: center;
}
.header2 h2 {
		font-family: 'Playfair', serif;
		font-weight: 500;
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: .2ch;
		color:#black;
		text-align: center;
}
.header2 h3 {
		font-family: 'Playfair', serif;
		font-weight: 500;
		font-size: 1em;
		text-transform: uppercase;
		letter-spacing: .2ch;
		color:#black;
		text-align: center;
}
	 .gallery {
		 height: auto;
		 margin-top: 1em;
		 margin-bottom: 1em;
		 width: 100%;
		 overflow-x: hidden;
}
	 .gallery img {
		 width: 100%;
		 height: auto;
}
/* ------------   ---------- END PAGE HEADER  ---------------------*/

	p.desc {
		margin: 1.5em 2em 0 1.75em;
		font-family: 'Raleway', sans-serif;
		font-size: 1em;
		font-weight: 300;
		color: #262626;
		line-height: 150%;
		text-align: left;
	}
	p.desc2 {
		margin: 1.5em 2em 0 1.75em;
		font-family: 'Raleway', sans-serif;
		font-size: 1em;
		font-weight: 300;
		color: #262626;
		line-height: 175%;
		text-align: center;
	}
	
/*	#box {
    background-color: #fff;
    width: 160px;
    height: .5px;
    position: relative;
   	top: calc(10% - 10px);
    left: calc(50% - 80px);
	}

	.box-shadow:after {
    content:"";
    position:absolute;
    width:100%;
    bottom:1px;
    z-index:-1;
    transform:scale(.9);
    box-shadow: 0px 0px 20px 2px #000;
	}
*/		
	
	.footer {
		font-family: 'Raleway', san-serif;
		font-size: 12px;
		font-weight: 300;
		letter-spacing: .05rem;
		color: #black;
		text-align: center;
}
	 .caption {
		 margin: 0 auto;
		 padding-top:1em;
		 font-family: 'Lato', sans-serif;
		 font-size: 400;
		 font-weight: 300;
		 font-style:italic;
		 color: #262626;
		 text-align: center;
}


/*  ----------------------------------   END LAPTOP LAYOUT   ------------------   */


/* ----------------------   MOBILE  MOBILE  MOBILE  MOBILE  ----------------------- */

/* -----------------   Set width for mobile/smaller screen size. ----------------   */
/* I set it big here so I don't have to shrink the screen so much */
/* for testing purposes */
@media screen and (max-width: 860px) {
  
.title {
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.2ch;
	line-height:150%;
	text-transform: uppercase;
	color:black;
	text-align: center;
}

/*.nav  {
  justify-content: space-evenly;
  width: 100%;
}
*/

.menu a {
  text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 350;
	font-size: 14px;
	letter-spacing: 0.2ch;
	text-transform: uppercase;
	color:black;
	text-align: center;
}

.menu a:hover {
  text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight: 350;
	font-size: 14px;
	letter-spacing: 0.2ch;
	text-transform: uppercase;
	color:#FFA500;
	text-align: center;
}

	p.desc {
		margin: 1.5em 2em 0 1.75em;
		font-family: 'Raleway', sans-serif;
		font-size: 3.25vw;
		font-weight: 300;
		color: #262626;
		line-height: 150%;
		text-align: left;
	}
	p.desc2 {
		margin: 1.5em 2em 0 1.75em;
		font-family: 'Raleway', sans-serif;
		font-size: 3.25vw;
		font-weight: 300;
		color: #262626;
		line-height: 175%;
		text-align: center;
	}