@charset "UTF-8";
/* CSS Document */

.reslink{
	font-size:14px;
	font-weight:400;
	position:relative;
	top:14px;
	display:none;}
.reslink:hover{color:#99cc33;}
#l1{right:6px;top:10px;}


#aWrap{
	display:flex;
	min-height: 700px;
	height:100%;
	width:100%;
	background-color:#f5f5f5;
	align-items:center;	
	padding:30px 0px;
}

#about{
	display:flex;
	max-width:1200px;
	margin:0px auto;
	transition: height .3s;
	justify-content:space-around;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#col1{
	display:block;
	opacity:1;
	background:#fff;
	background-image:url(Assets/aboutPic_f.png);
	background-repeat:no-repeat;
	background-size:contain;
	border-radius:15px;
}


#aboutMe
{
	width: 100%;
	transition:.3s;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	z-index:25;
	border-radius:15px;

}
#aboutMe:hover{
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	
}

#col2{
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#col2 div:nth-child(1){
	display:flex; justify-content:space-between;}

#aHead
{
	display:inline-block;
	font-family: "museo-sans", sans-serif;
	font-size:24pt;
	letter-spacing:.6px; 
	color:#99cc33; 
 	font-weight:700; 
 	line-height:24pt;
	margin-bottom:20px;
 	animation-name:welFade;
}

#wbody{
	clear:left;
	opacity: 1;
	font-weight:100;
	line-height:19.6px;
	letter-spacing:.6px;
	-moz-column-fill: balance;
    -webkit-column-fill: balance; /* Chrome, Safari, Opera */
    column-fill: balance;
	-moz-column-gap:30px;
	-webkit-column-gap:30px;
	column-gap:30px;
	}
	
#wbody p{
	display:inline-block;
	font-size:0.82170em;
	line-height:1.578270em;;
	letter-spacing:.026em;
	column-span:0;
	margin-bottom:9px;
	
}

#wdesc
{
	display:block;
	position:relative;
	z-index:80;
	padding-top:16px;
	padding-bottom:7px;
	background-color:#f5f5f6;
	min-height:150px;
	width:100%;
	max-width:960px;
	margin:0px auto;
	border: solid #CCCCCC;
	border-width: 0px 0px 1px;
}

@media only screen and (min-width: 0px){
	#l1 {display:none;}
	#l2{display:flex;}
	#col1 {width: 350px; height:350px; margin:0px 0px 30px 0px;}
	#col2 div:nth-child(1){padding:0px 20px;}
	#wbody{
		padding:0px 20px;
		max-width:350px;
		vertical-align:text-top;
		-moz-columns: 350px 1;
		-webkit-columns: 350px 1; /* Chrome, Safari, Opera */
    	columns: 350px 1;
		margin:0px auto;}
}

@media only screen and (min-width: 550px) {
	#l1 {display:flex;}
	#l2{display:none;}
	#break{display:block;}
	#wbody{
		margin:0px auto;
		max-width:700px;
		vertical-align:text-top;
		-moz-columns: 275px 2;
		-webkit-columns: 275px 2; /* Chrome, Safari, Opera */
    	columns: 275px 2;}	
} 

@media only screen and (min-width: 800px) {
	#l1 {display:none;}
	#l2{display:flex;}
	#col1{margin:0px 40px 10px 30px;}
	#break{display:none;}
	#col2 div:nth-child(1){padding:0px 0px;}
	#wbody{
	padding:0px 0px;
	max-width:350px;
	vertical-align:text-top;
	-moz-columns: 350px 1;
	-webkit-columns: 350px 1; /* Chrome, Safari, Opera */
    columns: 350px 1;
	margin:0px auto;}
}

@media only screen and (min-width: 900px) {
	#col1 {margin:0px 40px 0px 0px;}
}

@media only screen and (min-width: 1090px){
	#l1 {display:flex;}
	#l2{display:none;} 
	#wbody{
	max-width:700px;
	-moz-columns: 300px 2;
	-webkit-columns: 300px 2; /* Chrome, Safari, Opera */
    columns: 300px 2;
	margin:0px auto;}
}
	
@media only screen and (min-width: 1200px) {
	#col1{width:400px;height:400px;}}