*{
	margin: 0;
	padding: 0;
}
html, body{
	font-family: 'Raleway', sans-serif;
}
body {
  background: url('../img/Softcupdesign.png')no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding: 5% 0;
  height: 100%;
  min-height: calc(100vh - 30px);
}
.hide{
	display: none;
}
.together {
	display: inline-block;
}
h1, h2 {
	font-weight: 300;
	font-size: 18px;
}
h1{
	margin-bottom: 15px;
}
h2{
	margin: 15px 0;
}
h3{
	font-weight: 300;
	font-size: 16px;
	margin: 10px 0;
}
a {
	color: #f69a97;
}
.error{
	color: #FFF;
	background-color: #fae182;
	width: 100%;
	padding: 10px 0;
}
#confirmation{
	width: 100%;
	background-color: #f69a97;
	color: #FFF;
	text-align: center;
	padding: 10% 0;
	font-size: 1.3em;
}
.container{
	width: 80%;
	margin: 0 auto;
	overflow: auto;
}
#header{
	width: 100%;
	color: #666;
	text-align: center;
}
#header a {
	text-decoration: none;
	color: #666;
}
#footer{
	background-color:#FFF;
	color: #ccc;
	width: 100%;
	text-align: center;
}
#footerList {
	list-style-type: none;
}
#footerList li{
	text-transform: uppercase;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}
#footerList li a{
	color: #666;
	text-decoration: none;
}
#footerList li a:hover {
       color: #F69A97;
}
.wrap{
	background-color: #fff;
	color: #666;
	padding:20px;
	padding-bottom: 0px;
	text-align: center;
}
.contentwrap1{
	display: none;
}
.contentwrap2{
	width:100%;
	display: block;
	float: none;
	text-align: center;
}
.contentwrap2 img {
	max-width: 75%;
}
.emailTxtWrap {
	 	margin: 10% 0 5%;
	 }
.contentwrap2 input[type=text],
input[type=email],
button[type=submit] {
	width: 99.5%;
	max-width: 100%;
	height: 40px;
	border: 1px solid #f69a97;
	text-align: center;
	border-radius: 0px;
	color: #666;
}
.contentwrap2 button[type=submit] {
	background-color: #f69a97;
	border: 2px solid #f69a97;
	width: 100%;
	color: #FFF;
	font-weight: 600;
	height: 42px;
	min-width: 281px;
}
::-webkit-input-placeholder {
     color: #ccc;
    }

    :-moz-placeholder { /* Firefox 18- */
       color: #ccc;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       color: #ccc;
    }

    :-ms-input-placeholder {
       color: #ccc;
    }
.contentwrap2 input:focus {
	outline: none;
}
.availbl {
	width: 100%;
	display: block;
	margin-top: 15%;
}
.availbl h3{
	margin-bottom: 0;
}
.storesWrap {
	width: 100%;
	margin-top: 0;
	text-align: center;
}
.stores img {
	max-height: 31px;
	padding-top: 5%;

}
.contentwrap3{
	width:100%;
	display: block;
	float: none;
	margin-top: 10%;
}
.contentwrap3 img{
	max-width: 65%;
}
@media only screen and (min-width: 50.063em) {
	body{
		display: block;
	 	background: url('../img/Softcupdesign.png')no-repeat center center;
	 	background-size: cover;
	  	padding: 15% 0 0;
	 	min-height: 100vh;
	 	height: 100%;
	 	overflow: hidden;
	}
	.error{
		color: #FFF;
		background-color: #fae182;
		width: 63.5%;
		padding: 10px 0;
		text-align: center;
	}
	h1 {
		font-weight: 300;
		font-size: 1.6em;
	}

	h2{
		font-weight: 300;
		font-size: 1.2em;
	}
	h3{
		font-weight: 300;
		font-size: 1.3em;
		margin-top: 5px;
	}
	.container{
		width: 75%;
		margin: 0 auto;
		background-color: #FFF;
	}
	.wrap{
		background-color: #fff;
		color: #666;
		padding:10px;
		margin: 0;
		overflow: auto;
	}
	#header h1 {
		line-height: 1.3;
		font-size: 1.4em;
	}
	.contentwrap1{
		width:34%;
		float: left;
		display: inline-block;
	}

	.contentwrap1 img{
		max-width: 100%;
		margin-top: 15%;
	}
	.contentwrap2{
		text-align: center;
		padding-left: 5%;
		width:60%;
		float: left;
		display: inline-block;

	 }
	 .contentwrap2 img {
	 	height: auto;
	 	max-width: 65%;
	 	text-align: center;
	 }
	 .emailTxtWrap {
	 	margin: 10% 0 5%;
	 }
	 .emailform {
	 	overflow:auto;
	 	width:100%;
	 	display:inline-block
	 }
	.contentwrap2 input[type=text],
	input[type=email],
	button[type=submit] {
		height: 40px;
		border: 1px solid #f69a97;
	    float: left;
	    display: inline-block;
	}
	.contentwrap2 input[type=text],
	input[type=email]{
		width: 62%;
		text-align: left;
		padding-left: 5px;
	}
	.contentwrap2 button[type=submit] {
		background-color: #f69a97;
		color: #FFF;
		font-weight: 600;
		width: 100%;
		width:35%;
		float: left;
		min-width: auto;
	}
	.availbl {
		width: 100%;
		display: block;
		margin-top: 15%;
	}
	.availbl h3{
		margin-bottom: 0;
	}
	.storesWrap {
		width: 100%;
		margin-top: 0;
		text-align: center;
	}
	.stores img {
		max-height: 31px;
		padding-top: 5%;
	}

	.contentwrap3{
		display: none;
	}
	#footerList li{
		display: inline-block;
		padding: 15px 25px;
	}
}
/*//////////////////////////

		LARGE SCREENS

//////////////////////////*/
@media only screen and (min-width: 67.063em) {
body {
  display: block;
  background: url('../img/Softcupdesign.png')no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  padding: 5% 0 0;
  min-height: calc(100vh - 10);
  height: 100%;
  overflow: auto;
}
.error{
	color: #FFF;
	background-color: #fae182;
	width: 63.5%;
	padding: 10px 0;
	text-align: center;
}
h1 {
	font-weight: 300;
	font-size: 1.6em;
}

h2{
	font-weight: 300;
	font-size: 1.3em;
}
h3{
	font-weight: 300;
	font-size: 1.3em;
	margin-top: 5px;
}
.container{
	width: 75%;
	margin: 0 auto;
	background-color: #FFF;
}
.wrap{
	background-color: #fff;
	color: #666;
	padding: 5% 5% 20px;
	margin: 0;
	overflow: auto;
}
.contentwrap1{
	width:34%;
	float: left;
	display: inline-block;
	padding-right: 5%;
}
.contentwrap1 img{
	max-width: 100%;
	margin-top: 15%;
}
.contentwrap2{
	text-align: center;
	padding: 0;
	width:50%;
	float: left;
	display: inline-block;

 }
 .contentwrap2 img {
 	height: auto;
 	max-width: 65%;
 	text-align: center;
 }
 .emailTxtWrap {
 	margin: 15% 0 5%;
 }
 .emailform {
 	overflow:auto;
 	width:100%;
 	display:inline-block
 }
.contentwrap2 input[type=text],
input[type=email],
button[type=submit] {
	height: 40px;
	border: 1px solid #f69a97;
    float: left;
    display: inline-block;
}
.contentwrap2 input[type=text],
input[type=email]{
	width: 62%;
	text-align: left;
	padding-left: 5px;
}
.contentwrap2 button[type=submit] {
	background-color: #f69a97;
	color: #FFF;
	font-weight: 600;
	width: 100%;
	width:35%;
	float: left;
	min-width: auto;
}
.availbl {
	width: 100%;
	display: block;
	margin-top: 15%;
}
.availbl h3{
	margin-bottom: 0;
}
.storesWrap {
	width: 100%;
    margin-top: 0;
    text-align: center;
}
.stores img {
	max-height: 31px;
	padding-top: 5%;
}
.contentwrap3{
	display: none;
}
#footerList li{
	display: inline-block;
	padding: 15px 25px;
}
}