@charset "UTF-8";

/* CSS Document */

#page{background-color:none; 
	width:95%; margin-left:auto; margin-right:auto;
	position:relative; top:20px;
	}

/* TEXT */

	h1{color:#966aa5; background-color:none; font-family:"adorn-smooth-pomander",sans-serif; 
		 padding:0px; line-height:100%; 
		 margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:6%;
		}

	h2{color:#966aa5; background-color:none; font-size:4.5vw;
		text-align:left; float:left; margin-bottom:3.5%;
		width:100%; position:relative; 
		font-family: "kon-tiki-aloha-jf",sans-serif;
		}

	h3{color:#a08aa8; background-color:none; font-style:italic; font-size:1.6vw;
		margin-left:auto; text-align:left; padding:0px; margin-top:4%;
		width:100%; float:left; position:relative; line-height:112%;
		font-family: "freight-sans-compressed-pro",sans-serif; font-weight:400px;
		}

/* LINKS */

	a:link{color:#966aa5; text-decoration:none;}
	a:visited{color:#966aa5; text-decoration:none;}
	a:hover{color:grey; text-decoration:none;}
	a:active{color:grey; text-decoration:none;}

/* TEXT - HOMEPAGE */

	#title{color:#966aa5; background-color:none;
		text-align:center;
		width:100%; position:relative; font-size:5.5vw;
		margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:9%; padding:0px;
		}

	#paragraph{color:grey; background-color:none; text-indent:2.5vw;
		margin-left:auto; margin-right:auto; margin-bottom:15.5%; margin-top:0px; 
		text-align:justify; width:68%; position:relative; font-size:2.1vw; line-height:114%;
		font-family: "freight-sans-compressed-pro",sans-serif; font-weight:400px;
		}
		
	#extra2{color:#966aa5;font-style:italic;}

	#secondtitle{color:#966aa5; background-color:none; font-size:4.5vw;
		margin-left:auto; margin-right:auto; text-align:center;
		width:100%; position:relative;
		font-family: "kon-tiki-aloha-jf",sans-serif;
		}
		
	.dates{color:grey; background-color:none; font-size:2.2vw; height:1%;float:left;
		margin-left:3.3%; margin-top:1%; margin-bottom:.5%; padding:0px;
		text-align:left; width:100%; position:relative; line-height:100%;
		font-family: "freight-sans-compressed-pro",sans-serif; font-weight:400px;
		}
		
	.dates2{color:grey; background-color:none; font-size:2.2vw;float:left;
		margin-right:70%; margin-top:1%; margin-bottom:.5%; padding-right:60%;
		text-align:right; width:100%; position:relative; line-height:100%;
		font-family: "freight-sans-compressed-pro",sans-serif; font-weight:400px;
		}
		
	#dates3{color:grey; background-color:none; font-size:2.2vw; height:1%;float:left;
		margin-left:3.3%; margin-top:0%; margin-bottom:3%; padding:0px;
		text-align:left; width:100%; position:relative; line-height:100%;
		font-family: "freight-sans-compressed-pro",sans-serif; font-weight:400px;
		}

/* TEXT/ICONS - SHIRTS */

	#shirttitle{color:black; background-color:none; font-size:1.64vw;
		text-align:left; float:left;
		width:40%; position:relative; top:3.5vw; left:5vw;
		}

	#data{color:#a08aa8; background-color:none;
		margin-left:auto; text-align:left;  
		width:40%; float:left; position:relative; left:5vw;
		}
		
	.font{font-family: "adorn-smooth-condensed-sans",sans-serif;}

	#icon{text-align:center; font-size:2vw; color:#966aa5;
		background-color:none; margin-top:1%; margin-bottom:2%;
		position:relative; float:left; width:20%; left:4.7vw;
		margin-left:auto; margin-right:auto; align-content:center;
		}
		
	#front{width:31%; position:relative; float:left;
		background-color:none;
		margin-left:1%; margin-right:1%;
		}
	
	#back{width:31%; position:relative; float:left;
		background-color:none;
		margin-left:1%; margin-right:1%;
		}
	
	#home{width:15%; position:relative; float:left;
		background-color:none; font-size:2vw;
		margin-left:auto; margin-right:auto; margin-top:1%;
		font-family: "adorn-smooth-condensed-sans",sans-serif;
		}
	
	#home2{width:100%; float:left;
		background-color:none; align-content:center;
		margin-left:85%; margin-top:1%; margin-bottom:0%;
		}
		
	.crown{width:33%; position:relative; float:left;
		background-color:none; padding:0%;
		margin-left:auto; margin-right:1%; margin-top:0%;
		}
	
	#return{width:30%; position:relative; float:left;
		background-color:none; text-align:center;
		margin-left:auto; margin-right:auto; margin-top:5%;
		}

	.indent{color:grey; background-color:none; font-style:normal;
		margin-left:auto; text-align:left; 
		width:40%; position:relative; left:1vw;
		}
		
	.indentcolor{background-color:none; font-style:normal;
		margin-left:auto; text-align:left; 
		width:40%; position:relative; left:1vw;
		}

	.extra{color:grey; background-color:none; font-style:normal;
		margin-left:auto; text-align:left; 
		width:40%; position:relative; 
		}

/* IMAGES */

	img{max-width:100%;}
	
	body{background-image:url(images/test.jpg); background-size:cover;}

/* IMAGES - HOMEPAGE */

	#shirtillustration{background-color:red; position:relative;
		width:47%; margin-left:auto; margin-right:auto;
		}

	.images{background-color:none; align-content:center;
		width:24%; float:left;
		position:relative; margin-top:1.3%; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%;
		}
		
	#border{position:absolute; top:0%; background-color:none;
		margin-left:auto; margin-right:auto; width:100%;
		display:block;
		}

	
/* IMAGES - SHIRTS */

	#shirt{background-color:none; 
		border-style:solid; border-width:.25vw; border-radius:2vw; border-color:#a08aa8;
		width:48%; margin-left:auto; margin-bottom:5%;
		float:left; position:relative; left:2vw; top:1vw;
		}

	#shirt2{background-color:none;
		width:48%; margin-left:auto; 
		float:left; position:relative; left:2vw; top:1vw;
		display:none;
		}

/* MEDIA QUERIES*/

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

	#title{width:100%; position:relative; font-size:9.5vw; margin-bottom:6%;
		}

	#paragraph{width:85%; position:relative; font-size:4.5vw; 
		}
		
	#secondtitle{font-size:9vw;
		}
	
	.dates{font-size:4vw; width:90%;
		}
	
	.dates2{font-size:4vw; width:90%;
		}
	
	#dates3{font-size:4vw; width:90%;
		}	

	#shirt{float:none;width:100%;
		 margin-left:auto; margin-right:auto; margin-bottom:0%; margin-top:2%;
		 border-style:none; 
		 }
	
	#shirttitle{float:none;width:100%; text-align:center; font-size:9vw;
		margin-left:auto; margin-right:auto; margin-top:0%;
		}
	
	#data{float:none;width:80%; text-align:center;
		margin-left:auto; margin-right:auto;
		font-size:4vw;
		}
	
	#icon{float:none;width:40%;
		margin-left:auto; margin-right:auto;
		}
		
		#front{width:50%;
			margin-left:auto; margin-right:auto;
			}
		
		#back{width:50%;
			margin-left:auto; margin-right:auto;
			}
	
	#home2{float:none;width:50%;
		margin-left:38%; margin-bottom:5%; 
		}
	
		#home{width:60%;
			margin-left:auto; margin-right:auto;
			}
			
		#return{font-size:4vw;
			}
	
	h2{margin-left:auto; margin-right:auto;
		text-align:center;font-size:9vw;
		}
	
	h3{margin-left:auto; margin-right:auto;
		text-align:center;font-size:4vw;
		}
	}