@media screen and (max-width: 816px){

* {
  box-sizing: border-box;
}

body {
  color: #8f8f8f;
  background-image:white;
  font-family: "Rift", sans-serif;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

h1 {
  font-size: 2em;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: "Rift", sans-serif;
  font-weight: 500;
	
}

p {
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 2;
	text-align: justify;
}
.row {
  width: 100%;  
  margin: 0 auto;
  position: relative;
  padding: 0 2%;
}
.content {
  max-width: 940px;
  width: 100%;  
  margin: 0 auto;
  padding: 50px 2% 50px;
}
.main_header .row .content {padding: 0;}
.dark {
	height:auto;
	background:#333;
	
}
#hero {
  position: relative;
  background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);
  background-position: 38% 50%;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding-top: 110px;
  min-height: 500px;
  letter-spacing: 2px;
}
#hero h1 {
  font-size: 3.5em;
  line-height: 1.3;
}
#hero h1 span {
  font-size: 25px;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 12px;
  line-height: 3;
}
.main_header {
  position: fixed;
  top: 0px;
  max-height: 70px;
  z-index: 999;
  width: 100%;
  padding-top: 17px;
  background: none;
  overflow: hidden;
  transition: all 0.3s;
  opacity: 0;
  top: -100px;
  padding-bottom: 6px;
  font-family: "Oswald", sans-serif;
}
@media only screen and (max-width: 816px) {
  .main_header {
    padding-top: 25px;
  }
}

.open-nav {
  max-height: 400px !important;
}
/*.open-nav .mobile-toggle {
  transform: rotate(-90deg);
}*/

.sticky {
  background-color: rgba(18, 40, 69, 0.93);
  opacity: 1;
  top: 0px;
  /*border-bottom: 1px solid silver;*/
}

.logo {
  text-align: left;
  display:block;
  position: relative;
	top:50%;
	transform: translateY(-20%);
}
@media only screen and (max-width: 816px) {
  .logo {
    float: none;
  }
}

nav {
  float: right;
  width: 80%;
}
@media only screen and (max-width: 816px) {
  nav {
    width: 100%;
  }
}
nav ul {
  list-style: none;
  overflow: hidden;
  text-align: right;
  float: right;
}
@media only screen and (max-width: 816px) {
  nav ul {
    padding-top: 10px;
    margin-bottom: 22px;
    float: left;
    text-align: center;
    width: 100%;
  }
}
nav ul li {
  display: inline-block;
  margin-left: 35px;
  line-height: 1.5;
}
@media only screen and (max-width: 816px) {
  nav ul li {
    width: 100%;
    padding: 7px 0;
    margin: 0;
  }
}
nav ul a {
  color: #EFE2E2;
	font-family:"Rift", sans-serif;
	font-weight: 200;
  text-transform: uppercase;
  font-size: 1.5em;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: all 500ms linear;
}
nav ul a.active {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  transition: all 500ms 100ms linear;
}
.mobile-toggle {
  display: none;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 22px;
  top: 50%;
  width: 30px;
	transform: translateY(-50%);
  transition: all 200ms ease-in;
}
@media only screen and (max-width: 816px) {
  .mobile-toggle {
    display: block;
  }
}
.mobile-toggle p {
	font-family: "Rift", sans-serif;
	font-weight:300;
	color:#EFE2E2;
	font-size:1em;
}
.mouse {
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 46px;
  background: rgba(255,255,255,0.5);
  border-radius: 13px;
  border: 2px solid #ffffff;
  position: absolute;
  bottom: 30px;
 /* position: absolute;*/
  left: 51%;
  margin-left: -24px;
}
.mouse span {
  display: block;
  margin: 6px auto;
  width: 2px;
  height: 2px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid transparent;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.scrollup {
    opacity:0.5;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    width: 20px;
    height: 20px;
    position: fixed;
    display: none;
    bottom: 35px;
    right: 25px;
}
/*.break{
	display:block;
	font-size: 3.5em;
  	line-height: 1.3;
}*/
/*.no_color{
	opacity:1;
}*/
.bold{
	font-family: "Rift", sans-serif;
	font-weight:500;
	font-size:1.5em;
	display: block;
}
/*.about{
	background-image:url(../img/about_img.png);
	background-size: cover;
	height: 50%;
	background-position: center;
}*/
.service_name{
	font-size:1em;
	color:black;
	line-height:1.5;
	max-width:600px;
}
	.service_title{
		color: black;
	}
	.about_content{
		color:black;
	}
	.bridal_content{
		color:black;
	}
	.contact_table{
		color:black;
	}
	.contact_space_after{
		color: black;
	}
h5{
	font-family: "Rift", sans-serif;
	font-weight:500;
	font-size: 1.5em
}
table{
	width:100%;
	margin-top: 10%;
	
}
table th{
	text-align: left;
	padding-bottom:3%;
	
}
table tr{
	width:100%;
	
	vertical-align: middle;
}
table tr td{
	width:100%;
	
	vertical-align: middle;
}
.prices{
	color:black;
	font-style: italic;
}
.contact_info{
	vertical-align: center;
	text-align: left;
	font-size:1em;
}
	.contact_table{
		max-width:400px;
	}
.blue{
	/*background-color:blue;*/
	background-image:url(../img/contact_mobile.jpg);
	background-size:cover;
	background-position:center;
	width:100vw;
	margin-left:-2%;
	height:45vh;
}
.green{
	/*background-color:green;*/
	background-image:url(../img/hair_services.png);
	background-size:cover;
	background-position:center;
	width:100vw;
	margin-left:-2%;
	height:45vh;
}
.red{
	/*background-color:red;*/
/*	background-image:url(../img/map_mobile.png);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;*/
	width:100vw;
	margin-left:-2%;
	height:auto;
	filter:invert(100);
}
.map{
	width:100%;
	position:relative;
}
.map-small{
	height:100%;
	width:100vw;
	position: relative;
}
.pink{
	/*background-color:green;*/
	background-image:url(../img/bridal-5.jpg);
	background-size:cover;
	background-position:center;
	width:100vw;
	margin-left:-2%;
	height:45vh;
}
	.quote_space{
		height:100px;
		background-color:#161313;
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:1.25em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:25px;
	}
h6{
	font-family: "Rift", sans-serif;
	font-weight:300;
	font-size: 1.25em
}
.icon_size{
	width:20%;
}
.hide_mobile{
	display:none;
}
	.align_right{
		position: absolute;
		right:28%;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:75vh;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:12%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:15%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:10%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.outer{
		overflow: hidden;
	}
}

/*--------------------------------------------------766-1200px-------------------------------------------------------*/
@media screen and (max-width: 999px) and (min-width: 816px){

* {
  box-sizing: border-box;
}

body {
  color: #8f8f8f;
  background-image:white;
  font-family: "Rift", sans-serif;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

h1 {
  font-size: 2em;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: "Rift", sans-serif;
  font-weight: 500;
	
}

p {
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 2;
	text-align: justify;
}
.row {
  width: 100%;  
  margin: 0 auto;
  position: relative;
  padding: 0 2%;
}
.content {
  max-width: 940px;
  width: 100%;  
  margin: 0 auto;
  padding: 50px 2% 50px;
}
.main_header .row .content {padding: 0;}
.dark {
	height:auto;
	background:#333;
	
}
#hero {
  position: relative;
  background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);
  background-position: 38% 50%;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding-top: 110px;
  min-height: 500px;
  letter-spacing: 2px;
}
#hero h1 {
  font-size: 3.5em;
  line-height: 1.3;
}
#hero h1 span {
  font-size: 25px;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 12px;
  line-height: 3;
}
	.main_header {
	  position: fixed;
	  top: 0px;
	  max-height: 70px;
	  z-index: 999;
	  width: 100%;
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  transition: all 0.3s;
	  opacity: 0;
	  top: -100px;
	  padding-bottom: 6px;
	  font-family: "Oswald", sans-serif;
	}
	@media only screen and (max-width: 816px) {
	  .main_header {
		padding-top: 25px;
	  }
	}

	.open-nav {
	  max-height: 400px !important;
	}
	/*.open-nav .mobile-toggle {
	  transform: rotate(-90deg);
	}*/

	.sticky {
	  background-color: rgba(18, 40, 69, 0.93);
	  opacity: 1;
	  top: 0px;
	  /*border-bottom: 1px solid silver;*/
	}

	.logo {
	  float: left;
	  display: block;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	@media only screen and (max-width: 816px) {
	  .logo {
		float: none;
	  }
	}

	nav {
	  float: right;
	  width: 90%;
	}
	@media only screen and (max-width: 816px) {
	  nav {
		width: 100%;
	  }
	}
	nav ul {
	  list-style: none;
	  overflow: hidden;
	  text-align: right;
	  float: right;
	}
	@media only screen and (max-width: 816px) {
	  nav ul {
		padding-top: 10px;
		margin-bottom: 22px;
		float: left;
		text-align: center;
		width: 100%;
	  }
	}
	nav ul li {
	  display: inline-block;
	  margin-left: 35px;
	  line-height: 1.5;
	}
	@media only screen and (max-width: 816px) {
	  nav ul li {
		width: 100%;
		padding: 7px 0;
		margin: 0;
	  }
	}
	nav ul a {
	  color: #EFE2E2;
		font-family:"Rift", sans-serif;
		font-weight: 200;
	  text-transform: uppercase;
	  font-size: 1.5em;
	  border-top: 1px solid transparent;
	  border-bottom: 1px solid transparent;
	  transition: all 500ms linear;
	}
	nav ul a.active {
	  border-top: 1px solid gray;
	  border-bottom: 1px solid gray;
	  transition: all 500ms 100ms linear;
	}
	.mobile-toggle {
	  display: none;
	  cursor: pointer;
	  font-size: 20px;
	  position: absolute;
	  right: 22px;
	  top: 0;
	  width: 30px;
	  transition: all 200ms ease-in;
	}
	@media only screen and (max-width: 816px) {
	  .mobile-toggle {
		display: block;
	  }
	}
	.mobile-toggle p {
		font-family: "Rift", sans-serif;
		font-weight:300;
		color:#EFE2E2;
		font-size:1em;
	}
	.mouse {
	  display: block;
	  margin: 0 auto;
	  width: 26px;
	  height: 46px;
	  background: rgba(255,255,255,0.5);
	  border-radius: 13px;
	  border: 2px solid #ffffff;
	  position: absolute;
	  bottom: 30px;
	 /* position: absolute;*/
	  left: 51%;
	  margin-left: -24px;
	}
	.mouse span {
	  display: block;
	  margin: 6px auto;
	  width: 2px;
	  height: 2px;
	  border-radius: 4px;
	  background: #ffffff;
	  border: 1px solid transparent;
	  animation-duration: 1s;
	  animation-fill-mode: both;
	  animation-iteration-count: infinite;
	  animation-name: scroll;
	}

	@keyframes scroll {
	  0% {
		opacity: 1;
		transform: translateY(0);
	  }

	  100% {
		opacity: 0;
		transform: translateY(20px);
	  }
	}
	.scrollup {
		opacity:0.5;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 20px;
		height: 20px;
		position: fixed;
		display: none;
		bottom: 35px;
		right: 25px;
		z-index:9999;
	}
/*.break{
	display:block;
	font-size: 3.5em;
  	line-height: 1.3;
}*/
/*.no_color{
	opacity:1;
}*/
.bold{
	font-family: "Rift", sans-serif;
	font-weight:500;
	font-size:1.5em;
	display: block;
}
/*.about{
	background-image:url(../img/about_img.png);
	background-size: cover;
	height: 50%;
	background-position: center;
}*/
.service_name{
	font-size:1em;
	color:black;
	line-height:1.5;
	width:600px;
}
	.service_title{
		color: black;
	}
	.about_content{
		color:black;
	}
	.bridal_content{
		color:black;
	}
	.contact_table{
		color:black;
	}
	.contact_space_after{
		color: black;
	}
h5{
	font-family: "Rift", sans-serif;
	font-weight:500;
	font-size: 1.5em
}
table{
	width:100%;
	margin-top: 10%;
	
}
table th{
	text-align: left;
	padding-bottom:3%;
	
}
table tr{
	width:100%;
	
	vertical-align: middle;
}
table tr td{
	width:100%;
	
	vertical-align: middle;
}
.prices{
	color:black;
	font-style: italic;
}
.contact_info{
	vertical-align: center;
	text-align: left;
	font-size:1em;
}
	.contact_table{
		width:50%;
	}
.blue{
	background-color:blue;
	background-image:url(../img/contact_mobile.jpg);
	background-size:cover;
	background-position:center;
	width:100vw;
	margin-left:-2%;
	height:45vh;
}
.green{
	background-color:green;
	background-image:url(../img/hair_services.png);
	background-size:cover;
	background-position:center;
	width:100vw;
	margin-left:-2%;
	height:45vh;
}
.red{
	/*background-color:red;*/
/*	background-image:url(../img/map_mobile.png);
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;*/
	width:100vw;
	margin-left:-2%;
	height:auto;
	filter:invert(100);
}
.map{
	width:100%;
	position:relative;
}
.map-small{
	height:100%;
	width:100vw;
	position: relative;
}
.pink{
	/*background-color:green;*/
	background-image:url(../img/bridal-5.jpg);
	background-size:cover;
	background-position:center;
	width:100vw;
	margin-left:-2%;
	height:45vh;
}
	.quote_space{
		height:100px;
		background-color:#161313;
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:1.25em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:25px;
	}
h6{
	font-family: "Rift", sans-serif;
	font-weight:300;
	font-size: 1.25em
}
.icon_size{
	width:20%;
}
.hide_mobile{
	display:none;
}
	.align_right{
		position: absolute;
		right:32.8%;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:75vh;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:12%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:15%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:10%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.outer{
		overflow: hidden;
	}
}


/*--------------------------------------------------LARGE TABLET_SMALL LAPTOP-------------------------------------------------------*/

@media screen and (max-width: 1279px) and (min-width: 1000px){
	* {
	  box-sizing: border-box;
	}

	body {
	  color: #8f8f8f;
	  background: white;
	  font-family: "Rift", sans-serif;
	  padding: 0;
	  margin: 0;
	}

	a {
	  text-decoration: none;
	}

	h1 {
	  font-size: 2em;
	  line-height: 1.5;
	  text-transform: uppercase;
	  font-family: "Rift", sans-serif;
	  font-weight: 500;
		text-align: center;

	}

	p {
	  margin-bottom: 20px;
	  font-size: 1em;
	  line-height: 2;
		text-align: justify;
	}
	.row {
	  width: 100%;  
	  margin: 0 auto;
	  position: relative;
	  padding: 0 2%;
	}
	.content {
	  /*max-width: 940px;*/
	  width: 100%;  
	  margin: 0 auto;
	  padding: 50px 2% 50px;
	}
	.main_header .row .content {
		padding: 0;
	}
	.dark {
		background:#333;
	}
	.hero_triangle{
		background-color: rgba(18, 40, 69, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-350px;
		left:-50px;
		transform: rotate(60deg);
		overflow:hidden;
		z-index: 2;
	}

	.tri_logo{
		width:8%;
		z-index:3;
		position: absolute;
		top:10px;
		left:25px;
	}
	.hero_bar{
		background-color:black;
		height:75px;
		width:100vw;
		position:absolute;
		top:0;
		overflow:hidden;
		z-index:1;
	}
	.lib-recap-bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.lib-recap-bg {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.lib-recap-bg::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 1;
		opacity:.4;
	}
	.lib-recap-bg #bgvid {
		position: absolute;
		left: 50%;
		top: 50%;
		min-width: 100%;
		min-height: 100%;
		z-index: 0;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#hero {
	  position: relative;
	  /*background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);*/
	  background-position: 38% 50%;
	  background-size: cover;
	  text-align: center;
	  color: #fff;
	  padding-top: 110px;
	  min-height: 100vh;
	  letter-spacing: 2px;
	}
	#hero h1 {
	  font-size: 3.5em;
	  line-height: 1.3;
	}
	#hero h1 span {
	  font-size: 25px;
	  color: #ffffff;
	  border-bottom: 2px solid #ffffff;
	  padding-bottom: 12px;
	  line-height: 3;
	}
	.main_header {
	  position: fixed;
	  top: 0px;
	  max-height: 70px;
	  z-index: 999;
	  width: 100%;
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  transition: all 0.3s;
	  opacity: 0;
	  top: -100px;
	  padding-bottom: 6px;
	  font-family: "Oswald", sans-serif;
	}
	@media only screen and (max-width: 816px) {
	  .main_header {
		padding-top: 25px;
	  }
	}

	.open-nav {
	  max-height: 400px !important;
	}
	/*.open-nav .mobile-toggle {
	  transform: rotate(-90deg);
	}*/

	.sticky {
	  background-color: rgba(18, 40, 69, 0.93);
	  opacity: 1;
	  top: 0px;
	  /*border-bottom: 1px solid silver;*/
	}

	.logo {
	  float: left;
	  display: block;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	@media only screen and (max-width: 816px) {
	  .logo {
		float: none;
	  }
	}

	nav {
	  float: right;
	  width: 90%;
	}
	@media only screen and (max-width: 816px) {
	  nav {
		width: 100%;
	  }
	}
	nav ul {
	  list-style: none;
	  overflow: hidden;
	  text-align: right;
	  float: right;
	}
	@media only screen and (max-width: 816px) {
	  nav ul {
		padding-top: 10px;
		margin-bottom: 22px;
		float: left;
		text-align: center;
		width: 100%;
	  }
	}
	nav ul li {
	  display: inline-block;
	  margin-left: 35px;
	  line-height: 1.5;
	}
	@media only screen and (max-width: 816px) {
	  nav ul li {
		width: 100%;
		padding: 7px 0;
		margin: 0;
	  }
	}
	nav ul a {
	  color: #EFE2E2;
		font-family:"Rift", sans-serif;
		font-weight: 200;
	  text-transform: uppercase;
	  font-size: 1.5em;
	  border-top: 1px solid transparent;
	  border-bottom: 1px solid transparent;
	  transition: all 500ms linear;
	}
	nav ul a.active {
	  border-top: 1px solid gray;
	  border-bottom: 1px solid gray;
	  transition: all 500ms 100ms linear;
	}
	.mobile-toggle {
	  display: none;
	  cursor: pointer;
	  font-size: 20px;
	  position: absolute;
	  right: 22px;
	  top: 0;
	  width: 30px;
	  transition: all 200ms ease-in;
	}
	@media only screen and (max-width: 816px) {
	  .mobile-toggle {
		display: block;
	  }
	}
	.mobile-toggle p {
		font-family: "Rift", sans-serif;
		font-weight:300;
		color:#EFE2E2;
		font-size:1em;
	}
	.mouse {
	  display: block;
	  margin: 0 auto;
	  width: 26px;
	  height: 46px;
	  background: rgba(255,255,255,0.5);
	  border-radius: 13px;
	  border: 2px solid #ffffff;
	  position: absolute;
	  bottom: 30px;
	 /* position: absolute;*/
	  left: 51%;
	  margin-left: -24px;
	}
	.mouse span {
	  display: block;
	  margin: 6px auto;
	  width: 2px;
	  height: 2px;
	  border-radius: 4px;
	  background: #ffffff;
	  border: 1px solid transparent;
	  animation-duration: 1s;
	  animation-fill-mode: both;
	  animation-iteration-count: infinite;
	  animation-name: scroll;
	}

	@keyframes scroll {
	  0% {
		opacity: 1;
		transform: translateY(0);
	  }

	  100% {
		opacity: 0;
		transform: translateY(20px);
	  }
	}
	.scrollup {
		opacity:0.5;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 20px;
		height: 20px;
		position: fixed;
		display: none;
		bottom: 35px;
		right: 25px;
		z-index:9999;
	}
	/*.break{
		display:block;
		font-size: 3.5em;
		line-height: 1.3;
	}*/
	/*.no_color{
		opacity:1;
	}*/
	.bold{
		font-family: "Rift", sans-serif;
		font-weight:500;
		font-size:1.5em;
		display: block;
	}
	.about{
		background-image:url(../img/about_img.png);
		background-size: cover;
		height: 95vh;
		background-position:center;
		z-index: 10;
	}
	.about_space_after{
		margin-bottom:45%;
	}
	.about_content{
		right:3%;
		top:4%;
		max-width: 500px;
		width:400px;
		color:black;
		position: absolute;
		
	}
	.about_content h1{
		font-weight:600;
	}
	.services_content{
		z-index: 10;
	}
	.services_triangle{
		
		background-color: rgba(193, 135, 135, 1);
		height:1000px;
		width:500px;
		position:absolute;
		top:-525px;
		right:-10px;
		transform: rotate(-55deg);
		overflow:hidden;
		z-index: -10;
		
	}
	.services_img_triangle{
		background-color: transparent;
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-500px;
		right:-125px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}

/*	.services_img{
		background-image: url(../img/hair_services.png);
		background-position: center;
		background-size: cover;
		
	}*/
	.service_title{
		float:right;
		padding-right:75px;
		color: black;
		text-align: left;
		font-weight: 600;
	}
	.service_title span{
		display: block;
	}
	.service_name{
		font-size:1em;
		color:black;
		line-height:1.5;
		width:300px;
	}

	.services_shape{
		width:100%;
		position:absolute;
		right:-250px;
		top:-10px;
	}
	.outer{
		overflow:hidden;
	}
	h5{
		font-family: "Rift", sans-serif;
		font-weight:600;
		font-size: 1.5em;
		font-style: italic;
	}
	table{
		width:100%;
		margin-top: 10%;

	}
	table th{
		text-align: left;
		padding-bottom:3%;

	}
	table tr{
		width:100%;

		vertical-align: middle;
	}
	table tr td{
		width:100%;

		vertical-align: middle;
	}
	.prices{
		color:black;
		font-style: italic;
	}

	.blue{
		background-color:blue;
		background-image:url(../img/contact_mobile.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}
/*	.green{
		background-color:green;
		background-image:url(../img/hair_services.png);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}*/
	.red{
		/*background-color:red;*/
	/*	background-image:url(../img/map_mobile.png);
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;*/
		width:100vw;
		margin-left:-2%;
		height:100vh;
		filter:invert(100);
		margin-bottom:10%;
		position:absolute;
		right:0;
		top:0;
	}
	.map{
		width:48%;
		position:absolute;
		right:0%;
	}
	.location_content{
		max-width: 400px;
		position: absolute;
		left:10%;
		top:4%;
		color:black;
	}
	.location{
		background-color:#FFFFFF;
		width:100vw;
		height:80vh;
		z-index: -2;
	}
	.location_space_after{
		margin-bottom:50%;
		font-weight: 600;
	}
	.bridal{
		background-image:url(../img/bridal-5.jpg);
		background-size:cover;
		background-position:75%;
		width:100vw;
		height:100vh;
		z-index: -2;
	}
	.bridal_content{
		max-width: 400px;
		width:375px;
		position: absolute;
		right:4%;
		top:4%;
		color:black;
	}
	.bridal_space_after{
		margin-bottom:5%;
		font-weight: 600;
	}
	.bridal_triangle{
		background-color: rgba(255, 255, 255, 1);
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-1170px;
		right:-205px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index:-2;
	}
	.bottom{
		position: absolute;
		top:775px;
		z-index:3;
	}
	h6{
		font-family: "Rift", sans-serif;
		font-weight:300;
		font-size: 1.25em
	}
	.hide{
		display:none;
	}
	.show{
		display: block;
	}
	.quote_space{
		height:175px;
		background-color:rgba(22, 22, 19, 1)
		
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:2.5em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:35px;
		
	}
	.align_right{
		padding-left:558px;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:75vh;
	}
	.contact{
		background-color:white;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.contact_info{
		vertical-align: center;
		text-align: left;
		font-size:1em;
	}
	.contact_table{
		width:250px;
		position:absolute;
		left:10%;
		top:30%;
	}
	.icon_size{
		width:50%;
	}
	.contact_shape_1{
		background-color: rgba(22, 22, 19, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-350px;
		left:-25px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -10;
	}
	.contact_shape_2{
		background-color: transparent;
		height:1450px;
		width:750px;
		position:absolute;
		top:-100px;
		right:0px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.contact_us_shape{
		width:170%;
		position:absolute;
		right:-400px;
		top:-10px;
	}
	.contact_shape_3{
		background-color: rgba(235, 235, 235, 1);
		height:700px;
		width:700px;
		position:absolute;
		top:-420px;
		left:390px;
		transform: rotate(-45deg);
		overflow:hidden;
		z-index: -15;
	}
	.contact_space_after{
		position: absolute;
		left:43%;
		top:12%;
		font-weight: 600;
		color:black;
	}
	.review_content{
		max-width: 400px;
		position: absolute;
		left:4%;
		top:4%;
		color:black;
	}
	.review_space_after{
		margin-bottom:20%;
		font-weight: 600;
	}
	.review_line{
		height:1px;
		width:600px;
		position:absolute;
		background-color:black;
		transform: rotate(-40deg);
		top:50%;
		left:30%;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:10%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:30%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:28%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.clearfix{
		  content: "";
		  display: table;
		  clear: both;

	}
}

/*-------------------------------------------------------DESKTOP SMALL----------------------------------------------*/

@media screen and (max-width: 1499px) and (min-width: 1280px){
	* {
	  box-sizing: border-box;
	}

	body {
	  color: #8f8f8f;
	  background: white;
	  font-family: "Rift", sans-serif;
	  padding: 0;
	  margin: 0;
	}

	a {
	  text-decoration: none;
	}

	h1 {
	  font-size: 2em;
	  line-height: 1.5;
	  text-transform: uppercase;
	  font-family: "Rift", sans-serif;
	  font-weight: 500;
		text-align: center;

	}

	p {
	  margin-bottom: 20px;
	  font-size: 1em;
	  line-height: 2;
		text-align: justify;
	}
	.row {
	  width: 100%;  
	  margin: 0 auto;
	  position: relative;
	  padding: 0 2%;
	}
	.content {
	  /*max-width: 940px;*/
	  width: 100%;  
	  margin: 0 auto;
	  padding: 50px 2% 50px;
	}
	.main_header .row .content {
		padding: 0;
	}
	.dark {
		background:#333;
	}
	.hero_triangle{
		background-color: rgba(18, 40, 69, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-300px;
		left:-50px;
		transform: rotate(60deg);
		overflow:hidden;
		z-index: 2;
	}

	.tri_logo{
		width:8%;
		z-index:3;
		position: absolute;
		top:10px;
		left:45px;
	}
	.hero_bar{
		background-color:black;
		height:75px;
		width:100vw;
		position:absolute;
		top:0;
		overflow:hidden;
		z-index:1;
	}
	.lib-recap-bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.lib-recap-bg {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.lib-recap-bg::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 1;
		opacity:.4;
	}
	.lib-recap-bg #bgvid {
		position: absolute;
		left: 50%;
		top: 50%;
		min-width: 100%;
		min-height: 100%;
		z-index: 0;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#hero {
	  position: relative;
	  /*background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);*/
	  background-position: 38% 50%;
	  background-size: cover;
	  text-align: center;
	  color: #fff;
	  padding-top: 110px;
	  min-height: 100vh;
	  letter-spacing: 2px;
	}
	#hero h1 {
	  font-size: 3.5em;
	  line-height: 1.3;
	}
	#hero h1 span {
	  font-size: 25px;
	  color: #ffffff;
	  border-bottom: 2px solid #ffffff;
	  padding-bottom: 12px;
	  line-height: 3;
	}
	.main_header {
	  position: fixed;
	  top: 0px;
	  max-height: 70px;
	  z-index: 999;
	  width: 100%;
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  transition: all 0.3s;
	  opacity: 0;
	  top: -100px;
	  padding-bottom: 6px;
	  font-family: "Oswald", sans-serif;
	}
	@media only screen and (max-width: 816px) {
	  .main_header {
		padding-top: 25px;
	  }
	}

	.open-nav {
	  max-height: 400px !important;
	}
	/*.open-nav .mobile-toggle {
	  transform: rotate(-90deg);
	}*/

	.sticky {
	  background-color: rgba(18, 40, 69, 0.93);
	  opacity: 1;
	  top: 0px;
	  /*border-bottom: 1px solid silver;*/
	}

	.logo {
	  float: left;
	  display: block;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	@media only screen and (max-width: 816px) {
	  .logo {
		float: none;
	  }
	}

	nav {
	  float: right;
	  width: 90%;
	}
	@media only screen and (max-width: 816px) {
	  nav {
		width: 100%;
	  }
	}
	nav ul {
	  list-style: none;
	  overflow: hidden;
	  text-align: right;
	  float: right;
	}
	@media only screen and (max-width: 816px) {
	  nav ul {
		padding-top: 10px;
		margin-bottom: 22px;
		float: left;
		text-align: center;
		width: 100%;
	  }
	}
	nav ul li {
	  display: inline-block;
	  margin-left: 35px;
	  line-height: 1.5;
	}
	@media only screen and (max-width: 816px) {
	  nav ul li {
		width: 100%;
		padding: 7px 0;
		margin: 0;
	  }
	}
	nav ul a {
	  color: #EFE2E2;
		font-family:"Rift", sans-serif;
		font-weight: 200;
	  text-transform: uppercase;
	  font-size: 1.5em;
	  border-top: 1px solid transparent;
	  border-bottom: 1px solid transparent;
	  transition: all 500ms linear;
	}
	nav ul a.active {
	  border-top: 1px solid gray;
	  border-bottom: 1px solid gray;
	  transition: all 500ms 100ms linear;
	}
	.mobile-toggle {
	  display: none;
	  cursor: pointer;
	  font-size: 20px;
	  position: absolute;
	  right: 22px;
	  top: 0;
	  width: 30px;
	  transition: all 200ms ease-in;
	}
	@media only screen and (max-width: 816px) {
	  .mobile-toggle {
		display: block;
	  }
	}
	.mobile-toggle p {
		font-family: "Rift", sans-serif;
		font-weight:300;
		color:#EFE2E2;
		font-size:1em;
	}
	.mouse {
	  display: block;
	  margin: 0 auto;
	  width: 26px;
	  height: 46px;
	  background: rgba(255,255,255,0.5);
	  border-radius: 13px;
	  border: 2px solid #ffffff;
	  position: absolute;
	  bottom: 30px;
	 /* position: absolute;*/
	  left: 51%;
	  margin-left: -24px;
	}
	.mouse span {
	  display: block;
	  margin: 6px auto;
	  width: 2px;
	  height: 2px;
	  border-radius: 4px;
	  background: #ffffff;
	  border: 1px solid transparent;
	  animation-duration: 1s;
	  animation-fill-mode: both;
	  animation-iteration-count: infinite;
	  animation-name: scroll;
	}

	@keyframes scroll {
	  0% {
		opacity: 1;
		transform: translateY(0);
	  }

	  100% {
		opacity: 0;
		transform: translateY(20px);
	  }
	}
	.scrollup {
		opacity:0.5;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 20px;
		height: 20px;
		position: fixed;
		display: none;
		bottom: 35px;
		right: 25px;
		z-index:9999;
	}
	/*.break{
		display:block;
		font-size: 3.5em;
		line-height: 1.3;
	}*/
	/*.no_color{
		opacity:1;
	}*/
	.bold{
		font-family: "Rift", sans-serif;
		font-weight:500;
		font-size:1.5em;
		display: block;
	}
	.about{
		background-image:url(../img/about_img.png);
		background-size: cover;
		height: 95vh;
		background-position:center;
		z-index: 10;
	}
	.about_space_after{
		margin-bottom:45%;
	}
	.about_content{
		right:3%;
		top:4%;
		max-width: 500px;
		color:black;
		position: absolute;
		
	}
	.about_content h1{
		font-weight:600;
	}
	.services_content{
		z-index: 10;
	}
	.services_triangle{
		
		background-color: rgba(193, 135, 135, 1);
		height:1000px;
		width:500px;
		position:absolute;
		top:-525px;
		right:-10px;
		transform: rotate(-55deg);
		overflow:hidden;
		z-index: -10;
		
	}
	.services_img_triangle{
		background-color: transparent;
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-500px;
		right:-125px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}

/*	.services_img{
		background-image: url(../img/hair_services.png);
		background-position: center;
		background-size: cover;
		
	}*/
	.service_title{
		float:right;
		color: black;
		text-align: left;
		font-weight: 600;
		padding-right: 75px;
	}
	.service_title span{
		display: block;
	}
	.service_name{
		font-size:1em;
		color:black;
		line-height:1.5;
		width:500px;
	}
	.outer{
		overflow:hidden;
	}
	h5{
		font-family: "Rift", sans-serif;
		font-weight:600;
		font-size: 1.5em;
		font-style: italic;
	}
	table{
		width:100%;
		margin-top: 10%;

	}
	table th{
		text-align: left;
		padding-bottom:3%;

	}
	table tr{
		width:100%;

		vertical-align: middle;
	}
	table tr td{
		width:100%;

		vertical-align: middle;
	}
	.prices{
		color:black;
		font-style: italic;
	}
	.services_shape{
		width:60%;
		position:absolute;
		right:0px;
		bottom:-10px;
	}
	.blue{
		background-color:blue;
		background-image:url(../img/contact_mobile.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}
/*	.green{
		background-color:green;
		background-image:url(../img/hair_services.png);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}*/
	.red{
		/*background-color:red;*/
	/*	background-image:url(../img/map_mobile.png);
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;*/
		width:100vw;
		margin-left:-2%;
		height:100vh;
		filter:invert(100);
		margin-bottom:10%;
		position:absolute;
		right:0;
		top:0;
	}
	.map{
		width:48%;
		position:absolute;
		right:0%;
	}
	.location_content{
		max-width: 400px;
		position: absolute;
		left:10%;
		top:4%;
		color:black;
	}
	.location{
		background-color:#FFFFFF;
		width:100vw;
		height:95vh;
		z-index: -2;
	}
	.location_space_after{
		margin-bottom:50%;
		font-weight: 600;
	}
	.bridal{
		background-image:url(../img/bridal-5.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		height:100vh;
		z-index: -2;
	}
	.bridal_content{
		max-width: 400px;
		position: absolute;
		right:4%;
		top:4%;
		color:black;
	}
	.bridal_space_after{
		margin-bottom:5%;
		font-weight: 600;
	}
	.bridal_triangle{
		background-color: rgba(255, 255, 255, 1);
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-500px;
		right:-125px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index:-2;
	}
	.bottom{
		position: relative;
		right:0%;
		top:450px;
		z-index:3;
	}
	h6{
		font-family: "Rift", sans-serif;
		font-weight:300;
		font-size: 1.25em
	}
	.hide{
		display:none;
	}
	.show{
		display: block;
	}
	.quote_space{
		height:175px;
		background-color:rgba(22, 22, 19, 1)
		
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:2.5em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:35px;
		
	}
	.align_right{
		padding-left:558px;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:75vh;
	}
	.contact{
		background-color:white;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.contact_info{
		vertical-align: center;
		text-align: left;
		font-size:1em;
	}
	.contact_table{
		width:250px;
		position:absolute;
		left:10%;
		top:40%;
	}
	.icon_size{
		width:50%;
	}
	.contact_shape_1{
		background-color: rgba(22, 22, 19, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-350px;
		left:-25px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -10;
	}
	.contact_shape_2{
		background-color: transparent;
		height:1550px;
		width:1350px;
		position:absolute;
		bottom:-800px;
		right:-280px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.contact_us_shape{
		width:120%;
		position:absolute;
		right:-200px;
		top:-10px;
	}
	.contact_shape_3{
		background-color: rgba(235, 235, 235, 1);
		height:700px;
		width:700px;
		position:absolute;
		top:-420px;
		left:390px;
		transform: rotate(-45deg);
		overflow:hidden;
		z-index: -15;
	}
	.contact_space_after{
		position: absolute;
		left:40%;
		top:12%;
		font-weight: 600;
		color:black;
	}
	.review_content{
		max-width: 400px;
		position: absolute;
		left:4%;
		top:4%;
		color:black;
	}
	.review_space_after{
		margin-bottom:20%;
		font-weight: 600;
	}
	.review_line{
		height:1px;
		width:600px;
		position:absolute;
		background-color:black;
		transform: rotate(-40deg);
		top:50%;
		left:30%;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:9%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:36%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:35%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.clearfix{
		  content: "";
		  display: table;
		  clear: both;

	}
}


/*-------------------------------------------------------DESKTOP LARGE----------------------------------------------*/


@media only screen and (min-width: 1500px) and (max-width: 1920px) {
		* {
	  box-sizing: border-box;
	}
.container{
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
	z-index: -9999;
}
	body {
	  color: #8f8f8f;
	  background-image:white;
	  font-family: "Rift", sans-serif;
	  padding: 0;
	  margin: 0;
	}

	a {
	  text-decoration: none;
	}

	h1 {
	  font-size: 2em;
	  line-height: 1.5;
	  text-transform: uppercase;
	  font-family: "Rift", sans-serif;
	  font-weight: 500;
		text-align: center;

	}

	p {
	  margin-bottom: 20px;
	  font-size: 1em;
	  line-height: 2;
		text-align: justify;
	}
	.row {
	  width: 100%;  
	  margin: 0 auto;
	  position: relative;
	  padding: 0 2%;
	}
	.content {
	  /*max-width: 940px;*/
	  width: 100%;  
	  margin: 0 auto;
	  padding: 50px 2% 50px;
	}
	.main_header .row .content {
		padding: 0;
	}
	.dark {
		background:#333;
	}
	.hero_triangle{
		background-color: rgba(18, 40, 69, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-300px;
		left:-20px;
		transform: rotate(60deg);
		overflow:hidden;
		z-index: 2;
	}

	.tri_logo{
		width:8%;
		z-index:3;
		position: absolute;
		top:10px;
		left:25px;
	}
	.hero_bar{
		background-color:black;
		height:75px;
		width:100vw;
		position:absolute;
		top:0;
		overflow:hidden;
		z-index:1;
	}
	.lib-recap-bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.lib-recap-bg {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.lib-recap-bg::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 1;
		opacity:.4;
	}
	.lib-recap-bg #bgvid {
		position: absolute;
		left: 50%;
		top: 50%;
		min-width: 100%;
		min-height: 100%;
		z-index: 0;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#hero {
	  position: relative;
	  /*background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);*/
	  background-position: 38% 50%;
	  background-size: cover;
	  text-align: center;
	  color: #fff;
	  padding-top: 110px;
	  min-height: 100vh;
	  letter-spacing: 2px;
	}
	#hero h1 {
	  font-size: 3.5em;
	  line-height: 1.3;
	}
	#hero h1 span {
	  font-size: 25px;
	  color: #ffffff;
	  border-bottom: 2px solid #ffffff;
	  padding-bottom: 12px;
	  line-height: 3;
	}
	.main_header {
	  position: fixed;
	  top: 0px;
	  max-height: 70px;
	  z-index: 999;
	  width: 100%;
	  max-width:1920px;
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  transition: all 0.3s;
	  opacity: 0;
	  top: -100px;
	  padding-bottom: 6px;
	}
	@media only screen and (max-width: 816px) {
	  .main_header {
		padding-top: 25px;
	  }
	}

	.open-nav {
	  max-height: 400px !important;
	}
	/*.open-nav .mobile-toggle {
	  transform: rotate(-90deg);
	}*/

	.sticky {
	  background-color: rgba(18, 40, 69, 0.93);
	  opacity: 1;
	  top: 0px;
	  /*border-bottom: 1px solid silver;*/
	}

	.logo {
	  float: left;
	  display: block;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	@media only screen and (max-width: 816px) {
	  .logo {
		float: none;
	  }
	}

	nav {
	  float: right;
	  width: 90%;
	}
	@media only screen and (max-width: 816px) {
	  nav {
		width: 100%;
	  }
	}
	nav ul {
	  list-style: none;
	  overflow: hidden;
	  text-align: right;
	  float: right;
	}
	@media only screen and (max-width: 816px) {
	  nav ul {
		padding-top: 10px;
		margin-bottom: 22px;
		float: left;
		text-align: center;
		width: 100%;
	  }
	}
	nav ul li {
	  display: inline-block;
	  margin-left: 35px;
	  line-height: 1.5;
	}
	@media only screen and (max-width: 816px) {
	  nav ul li {
		width: 100%;
		padding: 7px 0;
		margin: 0;
	  }
	}
	nav ul a {
	  color: #EFE2E2;
		font-family:"Rift", sans-serif;
		font-weight: 200;
	  text-transform: uppercase;
	  font-size: 1.5em;
	  border-top: 1px solid transparent;
	  border-bottom: 1px solid transparent;
	  transition: all 500ms linear;
	}
	nav ul a.active {
	  border-top: 1px solid gray;
	  border-bottom: 1px solid gray;
	  transition: all 500ms 100ms linear;
	}
	.mobile-toggle {
	  display: none;
	  cursor: pointer;
	  font-size: 20px;
	  position: absolute;
	  right: 22px;
	  top: 0;
	  width: 30px;
	  transition: all 200ms ease-in;
	}
	@media only screen and (max-width: 816px) {
	  .mobile-toggle {
		display: block;
	  }
	}
	.mobile-toggle p {
		font-family: "Rift", sans-serif;
		font-weight:300;
		color:#EFE2E2;
		font-size:1em;
	}
	.mouse {
	  display: block;
	  margin: 0 auto;
	  width: 26px;
	  height: 46px;
	  background: rgba(255,255,255,0.5);
	  border-radius: 13px;
	  border: 2px solid #ffffff;
	  position: absolute;
	  bottom: 30px;
	 /* position: absolute;*/
	  left: 51%;
	  margin-left: -24px;
	}
	.mouse span {
	  display: block;
	  margin: 6px auto;
	  width: 2px;
	  height: 2px;
	  border-radius: 4px;
	  background: #ffffff;
	  border: 1px solid transparent;
	  animation-duration: 1s;
	  animation-fill-mode: both;
	  animation-iteration-count: infinite;
	  animation-name: scroll;
	}

	@keyframes scroll {
	  0% {
		opacity: 1;
		transform: translateY(0);
	  }

	  100% {
		opacity: 0;
		transform: translateY(20px);
	  }
	}
	.scrollup {
		opacity:0.5;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 20px;
		height: 20px;
		position: fixed;
		display: none;
		bottom: 35px;
		right: 135px;
		z-index:9999;
	}
	/*.break{
		display:block;
		font-size: 3.5em;
		line-height: 1.3;
	}*/
	/*.no_color{
		opacity:1;
	}*/
	.bold{
		font-family: "Rift", sans-serif;
		font-weight:500;
		font-size:1.5em;
		display: block;
	}
	.about{
		background-image:url(../img/about_img.png);
		background-size: cover;
		height: 90vh;
		background-position: center;
		z-index: 10;
	}
	.about_space_after{
		margin-bottom:45%;
	}
	.about_content{
		right:3%;
		top:4%;
		max-width: 500px;
		color:black;
		position: absolute;
		
	}
	.about_content h1{
		font-weight:600;
	}
	.services_content{
		z-index: 10;
	}
	.services_triangle{
		
		background-color: rgba(193, 135, 135, 1);
		height:1000px;
		width:500px;
		position:absolute;
		top:-425px;
		right:-10px;
		transform: rotate(-55deg);
		overflow:hidden;
		z-index: -10;
		
	}
	.services_img_triangle{
		background-color: transparent;
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-490px;
		right:-10px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.services_shape{
		width:50%;
		position:absolute;
		right:0px;
		top:100px;
	}
/*	.services_img{
		background-image: url(../img/hair_services.png);
		background-position: center;
		background-size: cover;
		
	}*/
	.service_title{
		padding-right:125px;
		float:right;
		color: black;
		text-align:left;
		font-weight: 600;
	}
	.service_title span{
		display: block;
	}
	.service_name{
		font-size:1em;
		color:black;
		line-height:1.5;
		width:500px;
	}
	.outer{
		overflow:hidden;
	}
	h5{
		font-family: "Rift", sans-serif;
		font-weight:600;
		font-size: 1.5em;
		font-style: italic;
	}
	table{
		width:100%;
		margin-top: 10%;

	}
	table th{
		text-align: left;
		padding-bottom:3%;

	}
	table tr{
		width:100%;

		vertical-align: middle;
	}
	table tr td{
		width:100%;

		vertical-align: middle;
	}
	.prices{
		color:black;
		font-style: italic;
	}

	.blue{
		background-color:blue;
		background-image:url(../img/contact_mobile.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}
/*	.green{
		background-color:green;
		background-image:url(../img/hair_services.png);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}*/
	.red{
		/*background-color:red;*/
	/*	background-image:url(../img/map_mobile.png);
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;*/
		width:100vw;
		margin-left:-2%;
		height:100vh;
		filter:invert(100);
		margin-bottom:10%;
		position:absolute;
		right:0;
		top:0;
	}
	.map{
		width:42%;
		position:absolute;
		right:0%;
	}
	.location_content{
		max-width: 400px;
		position: absolute;
		left:10%;
		top:4%;
		color:black;
	}
	.location{
		background-color:#FFFFFF;
		width:100vw;
		height:100vh;
		z-index: -2;
	}
	.location_space_after{
		margin-bottom:50%;
		font-weight: 600;
	}
	.bridal{
		background-image:url(../img/bridal-5.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		height:100vh;
		z-index: -2;
	}
	.bridal_content{
		max-width: 450px;
		position: absolute;
		right:4%;
		top:4%;
		color:black;
	}
	.bridal_space_after{
		margin-bottom:5%;
		font-weight: 600;
	}
	.bridal_triangle{
		background-color: rgba(255, 255, 255, 1);
		height:1250px;
		width:800px;
		position:relative;
		bottom:-600px;
		right:-1300px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index:-2;
	}
	.bottom{
		position: relative;
		right:0%;
		top:775px;
		z-index:3;
	}
	h6{
		font-family: "Rift", sans-serif;
		font-weight:300;
		font-size: 1.25em
	}
	.hide{
		display:none;
	}
	.show{
		display: block;
	}
	.quote_space{
		height:175px;
		background-color:rgba(22, 22, 19, 1)
		
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:2.5em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:35px;
		
	}
	.align_right{
		padding-left:558px;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:90vh;
	}
	.contact{
		background-color:white;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.contact_info{
		vertical-align: center;
		text-align: left;
		font-size:1.25em
	}
	.contact_table{
		width:275px;
		position:absolute;
		left:10%;
		top:50%;
	}
	.icon_size{
		width:75%;
	}
	.contact_shape_1{
		background-color: rgba(22, 22, 19, 1);
		height:800px;
		width:500px;
		position:absolute;
		top:-350px;
		left:-200px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -10;
	}
	.contact_shape_2{
		background-color: transparent;
		height:1800px;
		width:1250px;
		position:absolute;
		top:10px;
		right:-350px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.contact_us_shape{
		width:120%;
		position:absolute;
		right:-200px;
		top:-10px;
	}
	.contact_shape_3{
		background-color: rgba(235, 235, 235, 1);
		height:700px;
		width:1000px;
		position:absolute;
		top:-480px;
		left:575px;
		transform: rotate(-45deg);
		overflow:hidden;
		z-index: -15;
	}
	.contact_space_after{
		position: absolute;
		left:46%;
		top:12%;
		font-weight: 600;
		color:black;
	}
	.review_content{
		max-width: 400px;
		position: absolute;
		left:4%;
		top:4%;
		color:black;
	}
	.review_space_after{
		margin-bottom:20%;
		font-weight: 600;
	}
	.review_line{
		height:1px;
		width:600px;
		position:absolute;
		background-color:black;
		transform: rotate(-40deg);
		top:50%;
		left:35%;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:5%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:40%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:40%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.clearfix{
		  content: "";
		  display: table;
		  clear: both;

	}
}


/*-------------------------------------------------------LARGER THAN 1920px----------------------------------------------*/

@media only screen and (min-width: 1921px) and (max-width: 2200px) {
		* {
	  box-sizing: border-box;
	}
.container{
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
}
	.white{
		background-color:white;
		height:100%;
		width:100%;
		z-index:500;
	}
	body {
	  color: #8f8f8f;
	  background-image:url(../img/binding_dark.png);
		background-repeat: repeat;
	  font-family: "Rift", sans-serif;
	  padding: 0;
	  margin: 0;
	}

	a {
	  text-decoration: none;
	}

	h1 {
	  font-size: 2em;
	  line-height: 1.5;
	  text-transform: uppercase;
	  font-family: "Rift", sans-serif;
	  font-weight: 500;
		text-align: center;

	}

	p {
	  margin-bottom: 20px;
	  font-size: 1em;
	  line-height: 2;
		text-align: justify;
	}
	.row {
	  width: 100%;  
	  margin: 0 auto;
	  position: relative;
	  padding: 0 2%;
	}
	.content {
	  /*max-width: 940px;*/
	  width: 100%;  
	  margin: 0 auto;
	  padding: 50px 2% 50px;
	}
	.main_header .row .content {
		padding: 0;
	}
	.dark {
		background:#333;
	}
	.hero_triangle{
		background-color: rgba(18, 40, 69, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-300px;
		left:-20px;
		transform: rotate(60deg);
		overflow:hidden;
		z-index: 2;
	}

	.tri_logo{
		width:8%;
		z-index:3;
		position: absolute;
		top:10px;
		left:25px;
	}
	.hero_bar{
		background-color:black;
		height:75px;
		width:100vw;
		position:absolute;
		top:0;
		overflow:hidden;
		z-index:1;
	}
	.lib-recap-bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.lib-recap-bg {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.lib-recap-bg::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 1;
		opacity:.4;
	}
	.lib-recap-bg #bgvid {
		position: absolute;
		left: 50%;
		top: 50%;
		min-width: 100%;
		min-height: 100%;
		z-index: 0;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#hero {
	  position: relative;
	  /*background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);*/
	  background-position: 38% 50%;
	  background-size: cover;
	  text-align: center;
	  color: #fff;
	  padding-top: 110px;
	  min-height: 100vh;
	  letter-spacing: 2px;
	}
	#hero h1 {
	  font-size: 3.5em;
	  line-height: 1.3;
	}
	#hero h1 span {
	  font-size: 25px;
	  color: #ffffff;
	  border-bottom: 2px solid #ffffff;
	  padding-bottom: 12px;
	  line-height: 3;
	}
	.main_header {
	  position: fixed;
	  top: 0px;
	  max-height: 70px;
	  z-index: 999;
	  width: 100%;
	  max-width:1920px;
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  transition: all 0.3s;
	  opacity: 0;
	  top: -100px;
	  padding-bottom: 6px;
	}
	@media only screen and (max-width: 816px) {
	  .main_header {
		padding-top: 25px;
	  }
	}

	.open-nav {
	  max-height: 400px !important;
	}
	/*.open-nav .mobile-toggle {
	  transform: rotate(-90deg);
	}*/

	.sticky {
	  background-color: rgba(18, 40, 69, 0.93);
	  opacity: 1;
	  top: 0px;
	  /*border-bottom: 1px solid silver;*/
	}

	.logo {
	  float: left;
	  display: block;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	@media only screen and (max-width: 816px) {
	  .logo {
		float: none;
	  }
	}

	nav {
	  float: right;
	  width: 90%;
	}
	@media only screen and (max-width: 816px) {
	  nav {
		width: 100%;
	  }
	}
	nav ul {
	  list-style: none;
	  overflow: hidden;
	  text-align: right;
	  float: right;
	}
	@media only screen and (max-width: 816px) {
	  nav ul {
		padding-top: 10px;
		margin-bottom: 22px;
		float: left;
		text-align: center;
		width: 100%;
	  }
	}
	nav ul li {
	  display: inline-block;
	  margin-left: 35px;
	  line-height: 1.5;
	}
	@media only screen and (max-width: 816px) {
	  nav ul li {
		width: 100%;
		padding: 7px 0;
		margin: 0;
	  }
	}
	nav ul a {
	  color: #EFE2E2;
		font-family:"Rift", sans-serif;
		font-weight: 200;
	  text-transform: uppercase;
	  font-size: 1.5em;
	  border-top: 1px solid transparent;
	  border-bottom: 1px solid transparent;
	  transition: all 500ms linear;
	}
	nav ul a.active {
	  border-top: 1px solid gray;
	  border-bottom: 1px solid gray;
	  transition: all 500ms 100ms linear;
	}
	.mobile-toggle {
	  display: none;
	  cursor: pointer;
	  font-size: 20px;
	  position: absolute;
	  right: 22px;
	  top: 0;
	  width: 30px;
	  transition: all 200ms ease-in;
	}
	@media only screen and (max-width: 816px) {
	  .mobile-toggle {
		display: block;
	  }
	}
	.mobile-toggle p {
		font-family: "Rift", sans-serif;
		font-weight:300;
		color:#EFE2E2;
		font-size:1em;
	}
	.mouse {
	  display: block;
	  margin: 0 auto;
	  width: 26px;
	  height: 46px;
	  background: rgba(255,255,255,0.5);
	  border-radius: 13px;
	  border: 2px solid #ffffff;
	  position: absolute;
	  bottom: 30px;
	 /* position: absolute;*/
	  left: 51%;
	  margin-left: -24px;
	}
	.mouse span {
	  display: block;
	  margin: 6px auto;
	  width: 2px;
	  height: 2px;
	  border-radius: 4px;
	  background: #ffffff;
	  border: 1px solid transparent;
	  animation-duration: 1s;
	  animation-fill-mode: both;
	  animation-iteration-count: infinite;
	  animation-name: scroll;
	}

	@keyframes scroll {
	  0% {
		opacity: 1;
		transform: translateY(0);
	  }

	  100% {
		opacity: 0;
		transform: translateY(20px);
	  }
	}
	.scrollup {
		opacity:0.5;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 20px;
		height: 20px;
		position: fixed;
		display: none;
		bottom: 35px;
		right: 135px;
		z-index:9999;
	}
	/*.break{
		display:block;
		font-size: 3.5em;
		line-height: 1.3;
	}*/
	/*.no_color{
		opacity:1;
	}*/
	.bold{
		font-family: "Rift", sans-serif;
		font-weight:500;
		font-size:1.5em;
		display: block;
	}
	.about{
		background-image:url(../img/about_img.png);
		background-size: cover;
		height: 90vh;
		background-position: center;
		z-index: 10;
	}
	.about_space_after{
		margin-bottom:45%;
	}
	.about_content{
		right:3%;
		top:4%;
		max-width: 500px;
		color:black;
		position: absolute;
		
	}
	.about_content h1{
		font-weight:600;
	}
	.services_content{
		z-index: 10;
	}
	.services_triangle{
		
		background-color: rgba(193, 135, 135, 1);
		height:1000px;
		width:500px;
		position:absolute;
		top:-425px;
		right:75px;
		transform: rotate(-55deg);
		overflow:hidden;
		z-index: -10;
		
	}
	.services_img_triangle{
		background-color: transparent;
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-490px;
		right:-10px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.services_shape{
		width:65%;
		position:absolute;
		right:0px;
		top:150px;
	}
/*	.services_img{
		background-image: url(../img/hair_services.png);
		background-position: center;
		background-size: cover;
		
	}*/
	.service_title{
		position: relative;
		padding-left: 1500px;
		color: black;
		text-align:left;
		font-weight: 600;
	}
	.service_title span{
		display: block;
	}
	.service_name{
		font-size:1em;
		color:black;
		line-height:1.5;
		width:500px;
		position: relative;
		top:0px;
	}
	.outer{
		overflow:hidden;
	}
	h5{
		font-family: "Rift", sans-serif;
		font-weight:600;
		font-size: 1.5em;
		font-style: italic;
	}
	table{
		width:100%;
		margin-top: 10%;

	}
	table th{
		text-align: left;
		padding-bottom:3%;

	}
	table tr{
		width:100%;

		vertical-align: middle;
	}
	table tr td{
		width:100%;

		vertical-align: middle;
	}
	.prices{
		color:black;
		font-style: italic;
	}
	.services{
		background-color:white;
		width:100vw;
		height:75vh;
		z-index: -2;
	}
	.blue{
		/*background-color:blue;*/
		background-image:url(../img/contact_mobile.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}
/*	.green{
		background-color:green;
		background-image:url(../img/hair_services.png);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}*/
	.red{
		/*background-color:red;*/
	/*	background-image:url(../img/map_mobile.png);
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;*/
		width:100vw;
		margin-left:-2%;
		height:100vh;
		filter:invert(100);
		margin-bottom:10%;
		position:absolute;
		right:0;
		top:0;
	}
	.map{
		width:44%;
		position:relative;
		float:right;
		right:10%;
	}
	.location_content{
		max-width: 500px;
		position: absolute;
		left:2%;
		top:4%;
		color:black;
	}
	.location{
		background-color:#FFFFFF;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.location_space_after{
		margin-bottom:50%;
		font-weight: 600;
	}
	.bridal{
		background-image:url(../img/bridal-5.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		height:100vh;
		z-index: -2;
	}
	.bridal_content{
		max-width: 450px;
		position: relative;
		right:-25%;
		top:0%;
		color:black;
	}
	.bridal_space_after{
		
		margin-bottom:5%;
		font-weight: 600;
	}
	.bridal_triangle{
		background-color: rgba(255, 255, 255, 1);
		height:1250px;
		width:950px;
		position:relative;
		top:300px;
		right:-1250px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index:-2;
	}
	.bottom{
		position: relative;
		top:875px;
		z-index:3;
		right:0%;
	}
	.top{
		
	}
	h6{
		font-family: "Rift", sans-serif;
		font-weight:300;
		font-size: 1.25em
	}
	.hide{
		display:none;
	}
	.show{
		display: block;
	}
	.quote_space{
		height:175px;
		background-color:rgba(22, 22, 19, 1)
		
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:2.5em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:35px;
		
	}
	.align_right{
		padding-left:558px;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:90vh;
	}
	.contact{
		background-color:white;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.contact_info{
		vertical-align: center;
		text-align: left;
		font-size:1.25em
	}
	.contact_table{
		width:275px;
		position:absolute;
		left:10%;
		top:40%;
	}
	.icon_size{
		width:75%;
	}
	.contact_shape_1{
		background-color: rgba(22, 22, 19, 1);
		height:800px;
		width:500px;
		position:absolute;
		top:-350px;
		left:-200px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -10;
	}
	.contact_shape_2{
		background-color: transparent;
		height:1800px;
		width:1250px;
		position:absolute;
		top:10px;
		right:-350px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.contact_us_shape{
		width:115%;
		position:relative;
		right:100px;
		top:-100px;
	}
	.contact_shape_3{
		background-color: rgba(235, 235, 235, 1);
		height:800px;
		width:1400px;
		position:absolute;
		top:-650px;
		left:535px;
		transform: rotate(-45deg);
		overflow:hidden;
		z-index: -15;
	}
	.contact_space_after{
		position: absolute;
		left:43%;
		top:12%;
		font-weight: 600;
		color:black;
		z-index: 9999;
	}
	.review_content{
		max-width: 400px;
		position: absolute;
		left:2%;
		top:4%;
		color:black;
	}
	.review_space_after{
		margin-bottom:20%;
		font-weight: 600;
	}
	.review_line{
		height:1px;
		width:600px;
		position:absolute;
		background-color:black;
		transform: rotate(-40deg);
		top:50%;
		left:35%;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:5%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:40%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:40%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.clearfix{
		  content: "";
		  display: table;
		  clear: both;

	}
}


@media only screen and (min-width: 2201px) and (max-width: 2350px) {
		* {
	  box-sizing: border-box;
	}
.container{
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
}
	.white{
		background-color:white;
		height:100%;
		width:100%;
		z-index:500;
	}
	body {
	  color: #8f8f8f;
	  background-image:url(../img/binding_dark.png);
		background-repeat: repeat;
	  font-family: "Rift", sans-serif;
	  padding: 0;
	  margin: 0;
	}

	a {
	  text-decoration: none;
	}

	h1 {
	  font-size: 2em;
	  line-height: 1.5;
	  text-transform: uppercase;
	  font-family: "Rift", sans-serif;
	  font-weight: 500;
		text-align: center;

	}

	p {
	  margin-bottom: 20px;
	  font-size: 1em;
	  line-height: 2;
		text-align: justify;
	}
	.row {
	  width: 100%;  
	  margin: 0 auto;
	  position: relative;
	  padding: 0 2%;
	}
	.content {
	  /*max-width: 940px;*/
	  width: 100%;  
	  margin: 0 auto;
	  padding: 50px 2% 50px;
	}
	.main_header .row .content {
		padding: 0;
	}
	.dark {
		background:#333;
	}
	.hero_triangle{
		background-color: rgba(18, 40, 69, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-300px;
		left:-20px;
		transform: rotate(60deg);
		overflow:hidden;
		z-index: 2;
	}

	.tri_logo{
		width:8%;
		z-index:3;
		position: absolute;
		top:10px;
		left:25px;
	}
	.hero_bar{
		background-color:black;
		height:75px;
		width:100vw;
		position:absolute;
		top:0;
		overflow:hidden;
		z-index:1;
	}
	.lib-recap-bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.lib-recap-bg {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.lib-recap-bg::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 1;
		opacity:.4;
	}
	.lib-recap-bg #bgvid {
		position: absolute;
		left: 50%;
		top: 50%;
		min-width: 100%;
		min-height: 100%;
		z-index: 0;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#hero {
	  position: relative;
	  /*background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);*/
	  background-position: 38% 50%;
	  background-size: cover;
	  text-align: center;
	  color: #fff;
	  padding-top: 110px;
	  min-height: 100vh;
	  letter-spacing: 2px;
	}
	#hero h1 {
	  font-size: 3.5em;
	  line-height: 1.3;
	}
	#hero h1 span {
	  font-size: 25px;
	  color: #ffffff;
	  border-bottom: 2px solid #ffffff;
	  padding-bottom: 12px;
	  line-height: 3;
	}
	.main_header {
	  position: fixed;
	  top: 0px;
	  max-height: 70px;
	  z-index: 999;
	  width: 100%;
	  max-width:1920px;
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  transition: all 0.3s;
	  opacity: 0;
	  top: -100px;
	  padding-bottom: 6px;
	}
	@media only screen and (max-width: 816px) {
	  .main_header {
		padding-top: 25px;
	  }
	}

	.open-nav {
	  max-height: 400px !important;
	}
	/*.open-nav .mobile-toggle {
	  transform: rotate(-90deg);
	}*/

	.sticky {
	  background-color: rgba(18, 40, 69, 0.93);
	  opacity: 1;
	  top: 0px;
	  /*border-bottom: 1px solid silver;*/
	}

	.logo {
	  float: left;
	  display: block;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	@media only screen and (max-width: 816px) {
	  .logo {
		float: none;
	  }
	}

	nav {
	  float: right;
	  width: 90%;
	}
	@media only screen and (max-width: 816px) {
	  nav {
		width: 100%;
	  }
	}
	nav ul {
	  list-style: none;
	  overflow: hidden;
	  text-align: right;
	  float: right;
	}
	@media only screen and (max-width: 816px) {
	  nav ul {
		padding-top: 10px;
		margin-bottom: 22px;
		float: left;
		text-align: center;
		width: 100%;
	  }
	}
	nav ul li {
	  display: inline-block;
	  margin-left: 35px;
	  line-height: 1.5;
	}
	@media only screen and (max-width: 816px) {
	  nav ul li {
		width: 100%;
		padding: 7px 0;
		margin: 0;
	  }
	}
	nav ul a {
	  color: #EFE2E2;
		font-family:"Rift", sans-serif;
		font-weight: 200;
	  text-transform: uppercase;
	  font-size: 1.5em;
	  border-top: 1px solid transparent;
	  border-bottom: 1px solid transparent;
	  transition: all 500ms linear;
	}
	nav ul a.active {
	  border-top: 1px solid gray;
	  border-bottom: 1px solid gray;
	  transition: all 500ms 100ms linear;
	}
	.mobile-toggle {
	  display: none;
	  cursor: pointer;
	  font-size: 20px;
	  position: absolute;
	  right: 22px;
	  top: 0;
	  width: 30px;
	  transition: all 200ms ease-in;
	}
	@media only screen and (max-width: 816px) {
	  .mobile-toggle {
		display: block;
	  }
	}
	.mobile-toggle p {
		font-family: "Rift", sans-serif;
		font-weight:300;
		color:#EFE2E2;
		font-size:1em;
	}
	.mouse {
	  display: block;
	  margin: 0 auto;
	  width: 26px;
	  height: 46px;
	  background: rgba(255,255,255,0.5);
	  border-radius: 13px;
	  border: 2px solid #ffffff;
	  position: absolute;
	  bottom: 30px;
	 /* position: absolute;*/
	  left: 51%;
	  margin-left: -24px;
	}
	.mouse span {
	  display: block;
	  margin: 6px auto;
	  width: 2px;
	  height: 2px;
	  border-radius: 4px;
	  background: #ffffff;
	  border: 1px solid transparent;
	  animation-duration: 1s;
	  animation-fill-mode: both;
	  animation-iteration-count: infinite;
	  animation-name: scroll;
	}

	@keyframes scroll {
	  0% {
		opacity: 1;
		transform: translateY(0);
	  }

	  100% {
		opacity: 0;
		transform: translateY(20px);
	  }
	}
	.scrollup {
		opacity:0.5;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 20px;
		height: 20px;
		position: fixed;
		display: none;
		bottom: 35px;
		right: 135px;
		z-index:9999;
	}
	/*.break{
		display:block;
		font-size: 3.5em;
		line-height: 1.3;
	}*/
	/*.no_color{
		opacity:1;
	}*/
	.bold{
		font-family: "Rift", sans-serif;
		font-weight:500;
		font-size:1.5em;
		display: block;
	}
	.about{
		background-image:url(../img/about_img.png);
		background-size: cover;
		height: 90vh;
		background-position: center;
		z-index: 10;
	}
	.about_space_after{
		margin-bottom:45%;
	}
	.about_content{
		right:3%;
		top:4%;
		max-width: 500px;
		color:black;
		position: absolute;
		
	}
	.about_content h1{
		font-weight:600;
	}
	.services_content{
		z-index: 10;
	}
	.services_triangle{
		
		background-color: rgba(193, 135, 135, 1);
		height:1000px;
		width:500px;
		position:absolute;
		top:-425px;
		right:300px;
		transform: rotate(-55deg);
		overflow:hidden;
		z-index: -10;
		
	}
	.services_img_triangle{
		background-color: transparent;
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-490px;
		right:-10px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.services_shape{
		width:55%;
		position:absolute;
		right:250px;
		top:170px;
	}
/*	.services_img{
		background-image: url(../img/hair_services.png);
		background-position: center;
		background-size: cover;
		
	}*/
	.service_title{
		position: relative;
		padding-left: 1500px;
		color: black;
		text-align:left;
		font-weight: 600;
	}
	.service_title span{
		display: block;
	}
	.service_name{
		font-size:1em;
		color:black;
		line-height:1.5;
		width:500px;
		position: relative;
		top:0px;
	}
	.outer{
		overflow:hidden;
	}
	h5{
		font-family: "Rift", sans-serif;
		font-weight:600;
		font-size: 1.5em;
		font-style: italic;
	}
	table{
		width:100%;
		margin-top: 10%;

	}
	table th{
		text-align: left;
		padding-bottom:3%;

	}
	table tr{
		width:100%;

		vertical-align: middle;
	}
	table tr td{
		width:100%;

		vertical-align: middle;
	}
	.prices{
		color:black;
		font-style: italic;
	}
	.services{
		background-color:white;
		width:100vw;
		height:75vh;
		z-index: -2;
	}
	.blue{
		/*background-color:blue;*/
		background-image:url(../img/contact_mobile.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}
/*	.green{
		background-color:green;
		background-image:url(../img/hair_services.png);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}*/
	.red{
		/*background-color:red;*/
	/*	background-image:url(../img/map_mobile.png);
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;*/
		width:100vw;
		margin-left:-2%;
		height:100vh;
		filter:invert(100);
		margin-bottom:10%;
		position:absolute;
		right:0;
		top:0;
	}
	.map{
		width:40%;
		position:relative;
		float:right;
		right:15%;
	}
	.location_content{
		max-width: 500px;
		position: absolute;
		left:2%;
		top:4%;
		color:black;
	}
	.location{
		background-color:#FFFFFF;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.location_space_after{
		margin-bottom:50%;
		font-weight: 600;
	}
	.bridal{
		background-image:url(../img/bridal-5.jpg);
		background-size:cover;
		background-position:-350px;
		width:100vw;
		height:100vh;
		z-index: -2;
	}
	.bridal_content{
		max-width: 450px;
		position: relative;
		right:-22%;
		top:0%;
		color:black;
	}
	.bridal_space_after{
		
		margin-bottom:5%;
		font-weight: 600;
	}
	.bridal_triangle{
		background-color: rgba(255, 255, 255, 1);
		height:1250px;
		width:650px;
		position:relative;
		top:400px;
		right:-1250px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index:-2;
	}
	.bottom{
		position: relative;
		top:975px;
		z-index:3;
		right:0%;
	}
	.top{
		
	}
	h6{
		font-family: "Rift", sans-serif;
		font-weight:300;
		font-size: 1.25em
	}
	.hide{
		display:none;
	}
	.show{
		display: block;
	}
	.quote_space{
		height:175px;
		background-color:rgba(22, 22, 19, 1)
		
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:2.5em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:35px;
		
	}
	.align_right{
		padding-left:558px;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:90vh;
	}
	.contact{
		background-color:white;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.contact_info{
		vertical-align: center;
		text-align: left;
		font-size:1.25em
	}
	.contact_table{
		width:275px;
		position:absolute;
		left:10%;
		top:40%;
	}
	.icon_size{
		width:75%;
	}
	.contact_shape_1{
		background-color: rgba(22, 22, 19, 1);
		height:800px;
		width:500px;
		position:absolute;
		top:-350px;
		left:-200px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -10;
	}
	.contact_shape_2{
		background-color: transparent;
		height:1800px;
		width:1250px;
		position:absolute;
		top:10px;
		right:-350px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.contact_us_shape{
		width:115%;
		position:relative;
		right:175px;
		top:-100px;
	}
	.contact_shape_3{
		background-color: rgba(235, 235, 235, 1);
		height:800px;
		width:1400px;
		position:absolute;
		top:-650px;
		left:535px;
		transform: rotate(-45deg);
		overflow:hidden;
		z-index: -15;
	}
	.contact_space_after{
		position: absolute;
		left:43%;
		top:12%;
		font-weight: 600;
		color:black;
		z-index: 9999;
	}
	.review_content{
		max-width: 400px;
		position: absolute;
		left:2%;
		top:4%;
		color:black;
	}
	.review_space_after{
		margin-bottom:20%;
		font-weight: 600;
	}
	.review_line{
		height:1px;
		width:600px;
		position:absolute;
		background-color:black;
		transform: rotate(-40deg);
		top:50%;
		left:35%;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:5%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:40%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:40%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.clearfix{
		  content: "";
		  display: table;
		  clear: both;

	}
}


@media only screen and (min-width: 2351px) {
		* {
	  box-sizing: border-box;
	}
.container{
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
}
	.white{
		background-color:white;
		height:100%;
		width:100%;
		z-index:500;
	}
	body {
	  color: #8f8f8f;
	  background-image:url(../img/binding_dark.png);
		background-repeat: repeat;
	  font-family: "Rift", sans-serif;
	  padding: 0;
	  margin: 0;
	}

	a {
	  text-decoration: none;
	}

	h1 {
	  font-size: 2em;
	  line-height: 1.5;
	  text-transform: uppercase;
	  font-family: "Rift", sans-serif;
	  font-weight: 500;
		text-align: center;

	}

	p {
	  margin-bottom: 20px;
	  font-size: 1em;
	  line-height: 2;
		text-align: justify;
	}
	.row {
	  width: 100%;  
	  margin: 0 auto;
	  position: relative;
	  padding: 0 2%;
	}
	.content {
	  /*max-width: 940px;*/
	  width: 100%;  
	  margin: 0 auto;
	  padding: 50px 2% 50px;
	}
	.main_header .row .content {
		padding: 0;
	}
	.dark {
		background:#333;
	}
	.hero_triangle{
		background-color: rgba(18, 40, 69, 1);
		height:600px;
		width:300px;
		position:absolute;
		top:-300px;
		left:-20px;
		transform: rotate(60deg);
		overflow:hidden;
		z-index: 2;
	}

	.tri_logo{
		width:8%;
		z-index:3;
		position: absolute;
		top:10px;
		left:25px;
	}
	.hero_bar{
		background-color:black;
		height:75px;
		width:100vw;
		position:absolute;
		top:0;
		overflow:hidden;
		z-index:1;
	}
	.lib-recap-bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.lib-recap-bg {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.lib-recap-bg::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
		z-index: 1;
		opacity:.4;
	}
	.lib-recap-bg #bgvid {
		position: absolute;
		left: 50%;
		top: 50%;
		min-width: 100%;
		min-height: 100%;
		z-index: 0;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#hero {
	  position: relative;
	  /*background-image: url(../img/salon-hair-vogue-blonde-girl.jpg);*/
	  background-position: 38% 50%;
	  background-size: cover;
	  text-align: center;
	  color: #fff;
	  padding-top: 110px;
	  min-height: 100vh;
	  letter-spacing: 2px;
	}
	#hero h1 {
	  font-size: 3.5em;
	  line-height: 1.3;
	}
	#hero h1 span {
	  font-size: 25px;
	  color: #ffffff;
	  border-bottom: 2px solid #ffffff;
	  padding-bottom: 12px;
	  line-height: 3;
	}
	.main_header {
	  position: fixed;
	  top: 0px;
	  max-height: 70px;
	  z-index: 999;
	  width: 100%;
	  max-width:1920px;
	  padding-top: 17px;
	  background: none;
	  overflow: hidden;
	  transition: all 0.3s;
	  opacity: 0;
	  top: -100px;
	  padding-bottom: 6px;
	}
	@media only screen and (max-width: 816px) {
	  .main_header {
		padding-top: 25px;
	  }
	}

	.open-nav {
	  max-height: 400px !important;
	}
	/*.open-nav .mobile-toggle {
	  transform: rotate(-90deg);
	}*/

	.sticky {
	  background-color: rgba(18, 40, 69, 0.93);
	  opacity: 1;
	  top: 0px;
	  /*border-bottom: 1px solid silver;*/
	}

	.logo {
	  float: left;
	  display: block;
	  margin-top: 0;
	  margin-bottom: 20px;
	}
	@media only screen and (max-width: 816px) {
	  .logo {
		float: none;
	  }
	}

	nav {
	  float: right;
	  width: 90%;
	}
	@media only screen and (max-width: 816px) {
	  nav {
		width: 100%;
	  }
	}
	nav ul {
	  list-style: none;
	  overflow: hidden;
	  text-align: right;
	  float: right;
	}
	@media only screen and (max-width: 816px) {
	  nav ul {
		padding-top: 10px;
		margin-bottom: 22px;
		float: left;
		text-align: center;
		width: 100%;
	  }
	}
	nav ul li {
	  display: inline-block;
	  margin-left: 35px;
	  line-height: 1.5;
	}
	@media only screen and (max-width: 816px) {
	  nav ul li {
		width: 100%;
		padding: 7px 0;
		margin: 0;
	  }
	}
	nav ul a {
	  color: #EFE2E2;
		font-family:"Rift", sans-serif;
		font-weight: 200;
	  text-transform: uppercase;
	  font-size: 1.5em;
	  border-top: 1px solid transparent;
	  border-bottom: 1px solid transparent;
	  transition: all 500ms linear;
	}
	nav ul a.active {
	  border-top: 1px solid gray;
	  border-bottom: 1px solid gray;
	  transition: all 500ms 100ms linear;
	}
	.mobile-toggle {
	  display: none;
	  cursor: pointer;
	  font-size: 20px;
	  position: absolute;
	  right: 22px;
	  top: 0;
	  width: 30px;
	  transition: all 200ms ease-in;
	}
	@media only screen and (max-width: 816px) {
	  .mobile-toggle {
		display: block;
	  }
	}
	.mobile-toggle p {
		font-family: "Rift", sans-serif;
		font-weight:300;
		color:#EFE2E2;
		font-size:1em;
	}
	.mouse {
	  display: block;
	  margin: 0 auto;
	  width: 26px;
	  height: 46px;
	  background: rgba(255,255,255,0.5);
	  border-radius: 13px;
	  border: 2px solid #ffffff;
	  position: absolute;
	  bottom: 30px;
	 /* position: absolute;*/
	  left: 51%;
	  margin-left: -24px;
	}
	.mouse span {
	  display: block;
	  margin: 6px auto;
	  width: 2px;
	  height: 2px;
	  border-radius: 4px;
	  background: #ffffff;
	  border: 1px solid transparent;
	  animation-duration: 1s;
	  animation-fill-mode: both;
	  animation-iteration-count: infinite;
	  animation-name: scroll;
	}

	@keyframes scroll {
	  0% {
		opacity: 1;
		transform: translateY(0);
	  }

	  100% {
		opacity: 0;
		transform: translateY(20px);
	  }
	}
	.scrollup {
		opacity:0.5;
		font-size: 40px;
		text-align: center;
		line-height: 40px;
		width: 20px;
		height: 20px;
		position: fixed;
		display: none;
		bottom: 35px;
		right: 135px;
		z-index:9999;
	}
	/*.break{
		display:block;
		font-size: 3.5em;
		line-height: 1.3;
	}*/
	/*.no_color{
		opacity:1;
	}*/
	.bold{
		font-family: "Rift", sans-serif;
		font-weight:500;
		font-size:1.5em;
		display: block;
	}
	.about{
		background-image:url(../img/about_img.png);
		background-size: cover;
		height: 90vh;
		background-position: center;
		z-index: 10;
	}
	.about_space_after{
		margin-bottom:45%;
	}
	.about_content{
		right:3%;
		top:4%;
		max-width: 500px;
		color:black;
		position: absolute;
		
	}
	.about_content h1{
		font-weight:600;
	}
	.services_content{
		z-index: 10;
	}
	.services_triangle{
		
		background-color: rgba(193, 135, 135, 1);
		height:1000px;
		width:500px;
		position:absolute;
		top:-425px;
		right:515px;
		transform: rotate(-55deg);
		overflow:hidden;
		z-index: -10;
		
	}
	.services_img_triangle{
		background-color: transparent;
		height:1250px;
		width:500px;
		position:absolute;
		bottom:-490px;
		right:-10px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.services_shape{
		width:55%;
		position:absolute;
		right:400px;
		top:120px;
	}
/*	.services_img{
		background-image: url(../img/hair_services.png);
		background-position: center;
		background-size: cover;
		
	}*/
	.service_title{
		position: relative;
		padding-left: 1500px;
		color: black;
		text-align:left;
		font-weight: 600;
	}
	.service_title span{
		display: block;
	}
	.service_name{
		font-size:1em;
		color:black;
		line-height:1.5;
		width:500px;
		position: relative;
		top:0px;
	}
	.outer{
		overflow:hidden;
	}
	h5{
		font-family: "Rift", sans-serif;
		font-weight:600;
		font-size: 1.5em;
		font-style: italic;
	}
	table{
		width:100%;
		margin-top: 10%;

	}
	table th{
		text-align: left;
		padding-bottom:3%;

	}
	table tr{
		width:100%;

		vertical-align: middle;
	}
	table tr td{
		width:100%;

		vertical-align: middle;
	}
	.prices{
		color:black;
		font-style: italic;
	}
	.services{
		background-color:white;
		width:100vw;
		height:75vh;
		z-index: -2;
	}
	.blue{
		/*background-color:blue;*/
		background-image:url(../img/contact_mobile.jpg);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}
/*	.green{
		background-color:green;
		background-image:url(../img/hair_services.png);
		background-size:cover;
		background-position:center;
		width:100vw;
		margin-left:-2%;
		height:45vh;
	}*/
	.red{
		/*background-color:red;*/
	/*	background-image:url(../img/map_mobile.png);
		background-size:cover;
		background-position:center;
		background-repeat: no-repeat;*/
		width:100vw;
		margin-left:-2%;
		height:100vh;
		filter:invert(100);
		margin-bottom:10%;
		position:absolute;
		right:0;
		top:0;
	}
	.map{
		width:35%;
		position:absolute;
		right:25%;
	}
	.location_content{
		max-width: 500px;
		position: absolute;
		left:2%;
		top:4%;
		color:black;
	}
	.location{
		background-color:#FFFFFF;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.location_space_after{
		margin-bottom:50%;
		font-weight: 600;
	}
	.bridal{
		background-image:url(../img/bridal-5.jpg);
		background-size:cover;
		background-position:-350px;
		width:100vw;
		height:100vh;
		z-index: -2;
	}
	.bridal_content{
		max-width: 450px;
		position: relative;
		right:-15%;
		top:0%;
		color:black;
	}
	.bridal_space_after{
		margin-bottom:5%;
		font-weight: 600;
	}
	.bridal_triangle{
		background-color: rgba(255, 255, 255, 1);
		height:1250px;
		width:600px;
		position:absolute;
		top:625px;
		right:450px;
		transform: rotate(55deg);
		overflow:hidden;
		z-index:-2;
	}
	.bottom{
		position: relative;
		right:0%;
		top:950px;
		z-index:3;
	}
	.top{
		
	}
	h6{
		font-family: "Rift", sans-serif;
		font-weight:300;
		font-size: 1.25em
	}
	.hide{
		display:none;
	}
	.show{
		display: block;
	}
	.quote_space{
		height:175px;
		background-color:rgba(22, 22, 19, 1)
		
	}
	.quote_space span{
		display:block;
	}
	.quote{
		font-family: "Rift", sans-serif;
		font-size:2.5em;
		color:white;
		font-style: italic;
		font-weight:400;
		text-align: center;
		line-height: 1.25;
		padding-top:35px;
		
	}
	.align_right{
		padding-left:558px;
		font-size: 1.2em
	}
	.tan {
		background-color:antiquewhite;
		height:90vh;
	}
	.contact{
		background-color:white;
		width:100vw;
		height:85vh;
		z-index: -2;
	}
	.contact_info{
		vertical-align: center;
		text-align: left;
		font-size:1.25em
	}
	.contact_table{
		width:275px;
		position:absolute;
		left:10%;
		top:30%;
	}
	.icon_size{
		width:75%;
	}
	.contact_shape_1{
		background-color: rgba(22, 22, 19, 1);
		height:800px;
		width:500px;
		position:absolute;
		top:-350px;
		left:-200px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -10;
	}
	.contact_shape_2{
		background-color: transparent;
		height:1800px;
		width:1250px;
		position:absolute;
		top:10px;
		right:-350px;
		transform: rotate(50deg);
		overflow:hidden;
		z-index: -2;
		
	}
	.contact_us_shape{
		width:95%;
		position:absolute;
		right:350px;
		top:-10px;
	}
	.contact_shape_3{
		background-color: rgba(235, 235, 235, 1);
		height:800px;
		width:1400px;
		position:absolute;
		top:-650px;
		left:535px;
		transform: rotate(-45deg);
		overflow:hidden;
		z-index: -15;
	}
	.contact_space_after{
		position: absolute;
		left:35%;
		top:12%;
		font-weight: 600;
		color:black;
	}
	.review_content{
		max-width: 500px;
		position: absolute;
		left:2%;
		top:4%;
		color:black;
	}
	.review_space_after{
		margin-bottom:20%;
		font-weight: 600;
	}
	.review_line{
		height:1px;
		width:600px;
		position:absolute;
		background-color:black;
		transform: rotate(-40deg);
		top:50%;
		left:35%;
	}
	footer{
		height:150px;
		background-color: black;
		position:relative;
	}
	.footer_logo{
		width:5%;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}
	.footer1{
		position: absolute;
		left:40%;
		top:50%;
		transform:translate(10%,-50%);
	}
	.footer2{
		position: absolute;
		right:40%;
		top:50%;
		transform:translate(10%, -50%);
	}
	.clearfix{
		  content: "";
		  display: table;
		  clear: both;

	}
}