@font-face {
    font-family: 'DontStealMyFonts-Bold';
    src: url('subset-DontStealMyFonts-Bold.eot');
    src: url('subset-DontStealMyFonts-Bold.eot?#iefix') format('embedded-opentype'),
        url('subset-DontStealMyFonts-Bold.woff2') format('woff2'),
        url('subset-DontStealMyFonts-Bold.woff') format('woff'),
        url('subset-DontStealMyFonts-Bold.ttf') format('truetype'),
        url('subset-DontStealMyFonts-Bold.svg#DontStealMyFonts-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DontStealMyFonts';
    src: url('subset-DontStealMyFonts.eot');
    src: url('subset-DontStealMyFonts.eot?#iefix') format('embedded-opentype'),
        url('subset-DontStealMyFonts.woff2') format('woff2'),
        url('subset-DontStealMyFonts.woff') format('woff'),
        url('subset-DontStealMyFonts.ttf') format('truetype'),
        url('subset-DontStealMyFonts.svg#DontStealMyFonts') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'KatariDeva';
    src: url('katari-devasubset-webfont.eot');
    src: url('katari-devasubset-webfont.eot?#iefix') format('embedded-opentype'),
         url('katari-devasubset-webfont.woff') format('woff'),
         url('katari-devasubset-webfont.ttf') format('truetype'),
         url('katari-devasubset-webfont.svg#kataribold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

		}
		
@font-face {
		    font-family: 'MalloryMP';
		    src: url('MalloryMP-Book.eot');
		    src: url('MalloryMP-Book.eot?#iefix') format('embedded-opentype'),
		        url('MalloryMP-Book.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;
			
}

@font-face {
		    font-family: 'MalloryMPbold';
		    src: url('MalloryMP-Bold.eot');
		    src: url('MalloryMP-Bold.eot?#iefix') format('embedded-opentype'),
		        url('MalloryMP-Bold.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;
			
}



body {
		background-color: #f4eb47;
		}

* {
	 box-sizing: border-box;
			}
			

div.box {
		padding-left:5%;
		padding-right: 5%;
		padding-bottom: 5%;
		width: 100%;
		}

div.name {
		width: 80%;
		font-size: 3em;
		line-height: 1;		
		}
		.name-bold {	
				font-family: 'DontStealMyFonts-Bold', Arial;
				}
	
		.name-dev {
				font-family: 'katariDeva', Arial;
				}
		
		h1 {font-weight: normal;}
		h2 {font-weight: normal;}		
		

div.head {
		width: 70%;
		font-family: 'DontStealMyFonts', Arial;	
		font-size: 2.2em;
		line-height: 1.2;
		margin-bottom: 5%;
		}


		
div.text {
		width: 70%;
		line-height: 1.85;
		margin-bottom: 6%;		
		}
		
		.text-bold {
				font-family: 'MalloryMPbold', Arial;	
				font-size: 1.05em;
				line-height: 1.8;	
				}
		
		.text-large {
				font-size: 1.1em;
				}
		
		p {	
				font-family: 'MalloryMP', Arial;	
				font-size: 1.05em;
				word-spacing: .12em;
				margin-bottom: 1.5em;
				}

		ul {	
				font-family: 'MalloryMP', Arial;							
				list-style-type: circle;
				margin-top: 0;
				  }

		li {
				font-family: 'MalloryMP', Arial;	
				font-size: 1em;
				margin-bottom: .5em;
				word-spacing: .18em;
				  }
				  	  


div.footer {
		width: 80%;
		line-height: 2.5;
		margin-bottom: 5%;
		}	
		
		.footer-email {
				font-family: 'MalloryMPbold', Arial;	
				font-size: 1.25em;
						}


						@media only screen and (min-width: 800px) {
									  div.text {
									    width: 58%;
									  	  }
								  }
						  
						 @media only screen and (max-width: 350px) {
						  				div.name {
						  					font-size: 1.5em;
						  					width: 100%;
						  					  }
						  				div.head {
						  					font-size: 1.25em;
						  					width: 100%;
						  					  }
										
										 div.text {
										 	line-height: 1.85;
											width: 90%;
											}

											.text-bold {
													font-size: 1em;
													line-height: 1.8;	
													}
											
											.text-large {
												font-size: 1em;
													}
		
											p {		
													font-size: 1em;
													}

											li {
													font-size: .9em;
													  }

											 ul {	
											  	 padding-left: 20px;
												 padding-right: 10px;
											  		 }
											  
										.footer-email {
											font-size: 1.1em;
											  }											  
											  
						  			}



a:link {color:black; text-decoration:underline;}
a:visited {color:black; text-decoration:none;}
a:hover {color:black; text-decoration:underline;}
a:active {color:black; text-decoration:none;}