/********************** Fonts **********************/

 	body, button, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;
		font-weight: 400;
	}
	
	#menu {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;	
	}
	
	h1 {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;
		font-weight: 400;
	}
	
	h2 {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;
		font-weight: 300;
	}
	
	h3 {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;
		font-weight: 600;
	}
	
	h4 {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;
		font-weight: 400;
	}
	
	h5 {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;
		font-weight: 600;
	}
	
	h6 {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "HelveticaNeue", Arial, sans-serif;
		font-weight: 600;
	}
	
	
/********************** Font sizes **********************/

/* Body */
	body {
		font-size: 14px;

		line-height: 22px;
	}
	
	#menu {
		font-size: <?php mfn_opts_show( 'font-size-menu', '13' ) ?>px;
		line-height: 21px;
	}
	
/* Grey notes */
	.Recent_comments li span.date, .Latest_posts li span.date,
	.Twitter li span.date, .Project_box span.type, .Twitter ul li a {
		font-size: 11px;
		line-height: 15px;
	}

	button, input[type="submit"], input[type="reset"], input[type="button"] {
		font-size: 12px;
	}

/* Copy & back to top */
	#Copy {
		font-size: 11px;
	}
	
/* Slider */
	#Slider h3 {
		font-size: 23px;
		line-height: 28px;
	}
	
	#Slider h2 {
		font-size: 42px;

		line-height: 46px;
	}
	
	#Slider .desc p {
		font-size: 19px;
		line-height: 24px;
	}
	
/* Headings */
	.mfn-slider_tabs li a h5 {
		font-size: 14px;

		line-height: 19px;
	}
	
	h1 { 
		font-size: 42px;
	
		line-height: 46px;
	}
	
	h2 { 
		font-size: 42px;

		line-height: 46px;
	}
	
	h3 { 
		font-size: 23px;

		line-height: 29px;
	}
	
	h4 { 
		font-size: 19px;

		line-height: 24px;
	}
	
	h5 { 
		font-size: 15px;
	
		line-height: 20px;
	}
	
	h6 { 
		font-size: 13px;
	
		line-height: 17px;
	}
	
	
/********************** Position, height & size **********************/

	#Header #logo {
		top: 30px; 
		left: 10px; 
	}
	
	#Header .sixteen {
		height: 120px;
	}
	
	
/********************** Tablet Portrait size to standard 960 (devices and browsers) **********************/	

	

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#Slider h3 {
			
			font-size: 20px;
		
			line-height: 25px;
		}
		
		#Slider h2 {
			
			font-size: 36px;
		
			line-height: 40px;
		}
		
		#Slider .desc p {
		
			font-size: 16px;
			line-height: 21px;
		}
	}