.content-wrapper{
	
	margin-top: 230px;
	min-height: 90vh;
	    margin-left: 150px;
    margin-right: 150px;
}


.content-wrapper h1{
	width: 100%;
	text-align: center;
	font-family: dense;
	font-size: 35px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.reviews{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.reviews > div{
	width: 33%;
	height: auto;
	    padding: 40px;
	        border: 1px solid;
	        margin: 30px;
}


.reviews input{
	display: none;
}




.review h2{
	font-family: dense;
	font-size: 25px;
	letter-spacing: 3px;
	line-height: 30px;
	margin-bottom: 10px;

}

.review h3{
		font-family: dense;
	font-size: 20px;
	letter-spacing: 3px;
	margin-bottom: 10px;
	text-align: end;
	text-transform: none;
}

.review-content{
	overflow: hidden;
	  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;  
	    height: auto;
	    line-height: 30px;
	    font-family: avenir, lato;
	    font-size: 15px;
	    color: white;
	    letter-spacing: 2px;
	        margin-top: 30px;
    border-top: 1px solid white;
    padding-top: 25px;
}


.message-us-box{
	width: 50%;
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}
.message-us-box h2{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
	text-transform: uppercase;
}

.message-us input{
	display: flex;
}

.message-us-input{
	display: flex;
	background-color: transparent;
	border: none;
	font-family: avenir, lato;
	font-size: 16px;
	color: white;
	letter-spacing: 3px;
	border-bottom: 1px solid white;
	    height: 40px;
}

.message-us-box input:focus{
	border-bottom: 1px solid #ab8b6c;
}

.message-us-box input:focus{
	outline: none;
}

.message-us-box .message-us-label{
	font-family: dense;
	font-size: 20px;
	letter-spacing: 4px;
	 display: flex;
    flex-direction: column;
	color: white;
}

.message-us{
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 20px;
}


.message-us-box textarea{
	background-color: transparent;
	border: 1px solid white;
	color: white;
	line-height: 30px;
	font-family: avenir, lato;
	font-size: 16px;
	letter-spacing: 3px;
	    margin-top: 20px;
	
}



.message-us-box textarea:focus{
	outline: none;
	border: 1px solid #ab8b6c;
}

.message-us-box textarea:focus  ~ .message-us-label{
	color: #ab8b6c;
}


.message-us-box input:focus ~ .message-us-label{
	color: #ab8b6c;
}

.message-us textarea{
	    padding: 10px;
    box-sizing: border-box;
}


.send-button{
	background-color: #ab8b6c;
		padding: 10px;
		text-align: center;
}

.send-button span{
		text-align: center;
	font-family: dense;
	font-size: 20px;
	text-transform: uppercase;

	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.send-button:hover{
	background-color: rgba(255,255,255,0.9);
	border: 1px solid white;
}

.send-button span:after{
	color: black;
		content:"➝";
		font-size: 10px;
		opacity: 0;
		top: 0;
		right: -20px;
		transition: 0.5s;
}

.send-button:hover span:after{
	  opacity: 1;
  right: 0;
  padding-left: 10px;
  color: black;
}

.send-button:hover span{
	padding-right: 5px;
	color: black;
}


.send-button:hover a{
	color: black;
}



.message-us-box .error {
    border-radius: 1px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    font-family: dense;
    font-size: 23px;
    background: rgb(177,138,	103	);
    letter-spacing: 5px;
}


/*Mobile styles */

.content-wrapper h1{
	margin-bottom: 30px;
}

.reviews > div{
	width: 100%;
	margin: 0px;
	margin-bottom: 20px;
	padding: 20px;
}


.review-content{
	font-size: 13px;
	line-height: 25px;
}

.review h2{
	font-size: 20px;
}

.review h3{
	font-size: 16px;
}




.message-us-box{
	width: 100%;
	margin-bottom: 100px;
}


.message-us #message{
	height: 150px;
}



.message-us-input{
	border-radius: 0px;
	height: 30px;
	font-size: 14px;
}


.message-us-box .message-us-label{
	font-size: 17px;
}