html, body { 
  margin:0; 
  padding:0; 
  height:100%; 
}
/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

body {
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;


}



p {
  margin: 0 0 25px;
}


hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px dotted #999;
}
a {
  color: #fff;
  text-decoration: none;
  	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
a:hover,
a:focus {
  color: #000;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


img{
   display: block;
    max-width: 100%;
    height: auto;
}

.main-content{

	color:#fef6e5;
	border:25px solid #fff;
	box-sizing: border-box;
	position:relative;
	background: #f8afb4;
	min-height:100%;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.main-content-pp{
	background:url(img/image.jpg)no-repeat;
	background-size:cover;
	background-position:top center;
	padding:30px 0px;
	border:25px solid #fff;
	box-sizing: border-box;
	position:relative;
}




.main-content-title-div{
   margin:5%;
   max-width:60%;
}
.main-content-title{
   margin:0 auto;
   text-align:left;
   color:#fff;
	font-style: normal;
	
}
.main-content-title h1{
   font-size:8rem;
   letter-spacing:3rem;
   margin-bottom:50px;
	font-weight: 900;
   line-height:1;
}
.main-content-sub-title {
   font-size:3rem;
   letter-spacing:2px;
   text-transform:uppercase;
   letter-spacing:2rem;
	font-weight: 900;
	
   margin-bottom:50px;
}
.main-content-sub-title-small {
   font-size:1.2rem;
   letter-spacing:2px;
   font-weight: 700;
   margin-bottom:50px;
}
.main-content-sub-title-small-lower {
   font-size:1.2rem;
   letter-spacing:2px;
}
.order-button-container{
	margin-bottom:30px;
}
.order-button{
	display:inline-block;
	background:#000;
	color:#fff;
	font-weight:bold;
	padding:20px 30px;
	border-radius:5px;
	cursor:pointer;
	font-size:1.2rem;
	letter-spacing:2px;
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out; 
}
.order-button:hover,
.order-button:active,
.order-button:focus{
	background:#fff;
	color:#000;
}

.small{
	margin-bottom:20px;
	display:inline-block;
	margin-right:20px;
}
.desktop{
	display:inline-block;
}
.mobile{
	display:none;
}

.text-content{
	max-width:700px;
	margin:0 auto;
	padding:0px 0px 50px 0px;
}

.text-content h3{
	font-size:1.4rem;
}
@media (max-width:767px){
.main-content{

	border:15px solid #fff;

}
.main-content-title-div{
   margin:5%;
   max-width:100%;
}
.main-content-title h1{
   font-size:2.6rem;
   letter-spacing:1rem;

}
.main-content-sub-title {
   font-size:1.6rem;
   letter-spacing:1rem;

}
.main-content-sub-title-small {
 

}
.main-content-sub-title-small-lower {
   font-size:1rem;
}
.desktop{
	display:none;
}
.mobile{
	display:block;
}

}