/* 
 _      
(_)     
 _ _ __ 
| | '__|
| | |   
|_|_|   

_______ _     _ _______ __   _ _     _ _______      _______  _____   ______
    |    |_____| |_____| | \  | |____/  |______      |______ |     | |_____/
    |    |     | |     | |  \_| |    \_ ______|      |       |_____| |    \_
                                                                            
 _______ _     _ _______ _______ _     _ _____ __   _  ______      _______ _______
 |       |_____| |______ |       |____/    |   | \  | |  ____      |  |  | |______
 |_____  |     | |______ |_____  |    \_ __|__ |  \_| |_____|      |  |  | |______
                                                                                  
  _____  _     _ _______   /
 |     | |     |    |     / 
 |_____| |_____|    |    .  	
	*/

	body {
		background-color: #172dc4
		; 
	}

	h1 	{font-family: "Helvetica";
		color: #e6c2d9;
		font-size: 45pt; 
		text-align: center;
	}

	h2	{font-family: "Courier New";
		color: #e6c2d9;
		font-size: 22pt;  
		font-weight: 100;
		text-align: center;
	}

	h3	{font-family: "Courier New";
		color: #e6c2d9;
		font-size: 18pt;
		font-weight: 100;
		text-align: center;
	}

	

	a	{color: #e6c2d9;
		font-family: "Helvetica";
		font-weight: 900;
		font-size: 13pt; 
		text-align: left;
	}

	img {display: block;
		width: 30%;
  		margin-left: auto;
  		margin-right: auto;
	}

	ul {list-style: none;

	}

	summary	{color: #e6c2d9;
		font-family: "Helvetica";
		font-weight: 900;
		font-size: 13pt; 
		text-align: left

	}

	h4	{font-family: "Helvetica";
		color: #e6c2d9;
		font-size: 18pt;
		font-weight: 600;
		text-align: left;

	}

	li {color: #e6c2d9;
		font-family: "Courier";
		font-size: 14pt; 
		text-align: left;

	}

	p	{color: #e6c2d9;
		font-family: "Courier";
		font-size: 14pt; 
		text-align: left;
	}


	header{text-align: center;
			padding-top: 5%;
			padding-bottom: 5%;
			
		
			
	}

	a:link {margin: 5px;
			text-decoration: none;
			padding: 5px;


		}

	a:active {font-family: "Courier";
			text-decoration: underline;
			padding: 5px;

		
	}

	
	

	.current-page	{font-family: "Courier";
					font-size: 15pt;
					font-weight: 100;
					text-decoration: underline;
					color:17c457;


	}

	#name	{font-family: "Helvetica";
			text-align: center;
			font-size: 55pt;
			font-weight: 600;
			transition-duration: 2s;
			color:#DFC61C;


	}

	#definition {font-family:"Courier";
				text-align: center;
				font-size: 17pt;
				color:#C7E6C2;
				display: block;
				margin-block-start: 1em;
    			margin-block-end: 1em;
    			margin-inline-start: 0px;
    			margin-inline-end: 0px;
	}
			
	#my-ascii {
				width: 100%;
				height: auto;
	}
	
 	
 	.intro-copy {font-family: "Courier";
 					text-align: center;
					font-size: 17pt;
					color:#C7E6C2;
					display: block;
					margin-block-start: 1em;
    				margin-block-end: 1em;
    				margin-inline-start: 0px;
    				margin-inline-end: 0px;
    				margin-left: 8em;
    				margin-right: 8em;
 	}

 	.gldbrwn	{color:#DFC61C;
 				font-family: "Helvetica";
 				text-align: center;
				font-size: 55pt;
				font-weight: 600;

 	}

 	.img-cap	{font-family: "Courier";
 					text-align: center;
					font-size: 10pt;
					color:#1CDFC6;
					display: block;
					margin-left: 5em;
					margin-right: 5em;

 	}

 	.comp-gallery	{ 
  						width: 180px;
  						margin:5px;
  						border: 1px solid #ccc;
  						float:left;
  					}	
  											
 

 	.gall-cap 	{font-family: "Courier";
 					text-align: center;
					font-size: 10pt;
					color:#1CDFC6;
					padding: 15px;	

 	}

 	.comp-rev	{float: left;

 			 }


 	.comp-tasks	{float: left;
 				margin-right:10px;

 	}	

 	.comp-solutions  {float: left;
					}

	.comp-timeline	{float: left;
					}

	.column {
  		float: left;
	  	width: 20%;
	}

	.row {
  		content: "";
  		clear: both;
  		display: table;
	}	
	#wireframes {display: block; 
				height: auto; 
				width: 100%; 
				overflow: auto; 
				text-align: center; 
				margin-bottom:5%;
			}

	.wireframe-cap	{font-family: "Courier New";
		color: #e6c2d9;
		font-size: 20pt;  
		font-weight: 100;
		text-align: left;
		margin: 2em;
	}
 	

 	#design-comps {display: block; 
				height: auto; 
				width: 100%; 
				overflow: auto; 
				text-align: center; 
				margin-bottom:5%;
				margin-left: 20%;
				margin-right: 20%;

	}			

	.design-comps-cap	{font-family: "Courier New";
		color: #e6c2d9;
		font-size: 20pt;  
		font-weight: 100;
		text-align: left;
		margin: 2em;
		height:auto;
	}
	.column-dc {
  		float: left;
	  	width: 20%;
	}

	.row-dc {
  		content: "";
  		clear: both;
  		display: table;
	}	


	.dc-cap 	{font-family: "Courier";
 					text-align: center;
					font-size: 10pt;
					color:#1CDFC6;
					padding: 15px;	

	
 	}