/*------------------------------------general-----------------------------------------*/
body{
	margin:0;
	padding:0;
	overflow-x: hidden;
	background-color: #e87a61;
}

div, img, p, h1, h2, h3, h4, a{
	margin:0;
	padding:0;
	border:0;
}

a{
	text-decoration:none;
}

.pageSection1{
	position:relative;
	width:100vw;
	height: 100vh;
	min-height:700px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	box-sizing: border-box;
	/*display: flex;*/
}

.pageSection2{
	position:relative;
	width:100vw;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	box-sizing: border-box;
}

/*------------------------------------fonts-----------------------------------------*/

@font-face{
    font-family:"endurance";
    font-style:normal;
	font-weight:normal;
    src: url(../fonts/EnduranceRDW-Bold.ttf) format('truetype');
    /*font-display: swap;*/
}

@font-face{
    font-family:"imFell";
    font-style:normal;
	font-weight:normal;
    src: url(../fonts/IMFELL-DW-Pica.ttf) format('truetype');
    /*font-display: swap;*/
}

@font-face{
    font-family:"imFellBold";
    font-style:normal;
	font-weight:normal;
    src: url(../fonts/IMFELL-DW-Pica-bold.ttf) format('truetype');
    /*font-display: swap;*/
}

@font-face{
    font-family:"imFellItalics";
    font-style:normal;
	font-weight:normal;
    src: url(../fonts/IMFELL-DW-Pica-italics.ttf) format('truetype');
    /*font-display: swap;*/
}

h1, h2, h3, h4, h5, h6{
	 font-weight: normal;
}

/*------------------------------------INITSTATES-----------------------------------------*/

.o0{
	opacity: 0;
	transform: translateY(10px);
}



/*------------------------------------ENTRY-----------------------------------------*/

#entryPageSection{
	display: flex;
	flex-direction: column;
}

.entryCon{
	position:relative;
	width:100%;
	display: flex;
	flex-direction: column;
	margin:auto;
}

.mainTitle{
	  font-family:"endurance";
	  font-size:14vw;
	  color: #303e60;
	  width: 100%;
	  text-align: center;
	  margin: 0 0 -2.2% 0;
}

.subTitle{
	  font-family:"endurance";
	  font-size:4vw;
	  color: #303e60;
	  width: 100%;
	  text-align: center;
	   margin: 0 0 5px 0;
}

.subsubTitle{
	  font-family:"imFellItalics";
	  font-size:1.2vw;
	  letter-spacing: 2px;
	  color: #303e60;
	  width: 100%;
	  text-align: center;
	  margin: 0 auto;
}

.bodyCopy{
	  font-family:"imFell";
	  font-size:12px;
	  color: #303e60;
	  text-align: justify;
	  line-height: 20px;
}

.entryDes{
	position:relative;
	width:50%;
	max-width: 700px;
	margin: 2.3vw auto;
}

.buyBlock{
	position:relative;
	width: 200px;
	margin: 0 auto 2.3vw auto;
	display: block;
}

.priceText{
	margin: 0 0 -10px 0;
}

.buyNowText{
  font-family:"imFellItalics";
  font-size:1.2vw;
  letter-spacing: 2px;
  color: #303e60;
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.buyNowText:hover{
	color: #fe5327;
}

.proceedsCopy{
  font-family:"endurance";
  font-size:3vw;
  color: #303e60;
  width: 100%;
  text-align: center;
   margin: 0 0 5px 0;
}


/*------------------------------------SAMPLES-----------------------------------------*/

#sampleSection{
	margin: 100px auto;
}

.sampleCon{
	position:relative;
	width:70%;
	max-width: 1260px;
	display: flex;
	/*border: 1px solid #303e60;*/
	margin: auto;
}

.sampleBlock{
	position:relative;
	width: 40%;
	margin:100px auto;
}

.halftone01{
	position:absolute;
	width:auto;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.sampleAlph{
	position:relative;
	font-family:"endurance";
	font-size:4vw;
	letter-spacing: 4px;
	width: 100%;
	text-align: center;
}

.leftAlph{
	color: #e87a61 !important;
}

.rightAlph{
	color: #303e60 !important;
}


/*------------------------------------SHIRT-----------------------------------------*/

#shirtSection{
	margin: 100px auto 200px auto;
}

.shirtCon{
	position:relative;
	width:95%;
	max-width: 1260px;
	/*border: 1px solid #303e60;*/
	margin: auto;
}


.shirtDesignIMG{
	position:relative;
	width: 500px;
	height: auto;
	display: inline-block;
	z-index: 3;
	top:-120px;
}

.shirtPoseIMG{
	position:relative;
	width: 500px;
	display: inline-block;
	margin: 100px 0 0 -80px;
	z-index: 2;
}

.buyShirtText{
	position:relative;
	font-family:"endurance";
	font-size:4vw;
	color: #303e60;
	float: right;
	margin: -30px 120px 0 0px;
	z-index: 3;
}

.buyShirtText:hover{
	color: #fe5327;
}


/*------------------------------------DONATE-----------------------------------------*/

#donateSection{
	margin: 220px auto;
}
#donateSection .mainTitle{
	width: 66%;
    margin: 0 auto -2.2% auto;
}


#donateSection .subTitle{
	font-size: 3vw;
	width: 65%;
    margin: 0 auto;
    display: block;
}

#donateSection .mainTitle:hover{
	color: #fe5327;
}


/*------------------------------------MQS-----------------------------------------*/
/*------------------------------------MQS-----------------------------------------*/
/*------------------------------------MQS-----------------------------------------*/

/*----------------------------------------------------------800px----*/

@media (min-width:0px) and (max-width:1200px){



.sampleCon {
    width: 90%;
}

.sampleAlph {
    font-size: 5.6vw;
}


.shirtDesignIMG, .shirtPoseIMG, .buyShirtText{
	display: block;
}

.shirtDesignIMG{
	top:0;
	 margin: 0 auto;
}


.shirtPoseIMG{
    position: relative;
    width: 66%;
    margin: -60px auto 10px auto;
}

.buyShirtText {
	width: 50%;
    text-align: center;
	margin: 0 auto;
	float: none;
}


}


/*----------------------------------------------------------800px----*/

@media (min-width:0px) and (max-width:800px){

.mainTitle {
    font-size: 16vw;
}

.subsubTitle {
    font-size: 1.6vw;
    letter-spacing: 1px;
}

.entryDes {
	width:80%;
    margin: 5.3vw auto;
}

.priceText {
    font-size: 6vw;
}


.proceedsCopy {
    font-size: 4vw;
}

.sampleCon{
	width:80%;
	flex-direction: column;
}

.sampleBlock {
    width: 100%;
    margin: 50px auto;
    height: 500px;
}

.sampleAlph {
    font-size: 8.8vw;
}

.shirtDesignIMG {
    position: relative;
    width: 400px;

}

#donateSection{
	margin: 220px auto;
}

#donateSection .mainTitle{
	font-size:22vw;
	width: 90%;
}

#donateSection .subTitle{
	font-size: 4vw;
	width: 75%;
}


}


@media (min-width:0px) and (max-width:440px){

.subTitle {
    font-size: 9vw;
}

.subsubTitle {
    font-size: 2.6vw;
    letter-spacing: 0.5px;
}

.entryDes {
    width: 90%;
}

.priceText {
    font-size: 16vw;
}

.buyNowText {
    font-size: 4.2vw;
}

.proceedsCopy {
    font-size: 5vw;
}

.sampleBlock {
    height: 280px;
}

.sampleAlph {
    font-size: 10.2vw;
}




.shirtDesignIMG {
    width: 90%;
}

.shirtPoseIMG {
    width: 95%;
    margin: -40px auto 10px auto;
}

.buyShirtText {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    float: none;
    font-size: 8vw;
}

}




@media  (min-width: 0px) and (max-width: 320px){

.sampleBlock {
    height: 245px;
}

}