/* CSS Document */
/* Built by Jack at Tristar */

/* Reset */
*										{ margin: 0; padding:0; }
img, img a								{ outline: none; border: none; }
body									{ background-color: #fff; color: #575757; font: 81.3% "Georgia", times, serif; margin: 0; padding: 0; }
a,a:visited								{ outline: none; color: #224560; text-decoration: none; }
a:hover									{ text-decoration: underline; }

/* HTML5 Fix */
header, section, footer, aside, nav, article 	{ display: block }

/* Base Structure */
.bodywidth								{ width: 960px; margin: 0 auto; clear: both; }

/* General Type */
h1,h2,h3,h4,h5,h6						{ color: #2f2f2f; font-family: "Ubuntu", arial; }
.bold									{ font-weight: bold; }
.blue									{ color: #224560; }

/* Header */
#headerwrap								{ width: 100%; background-color: #000066; height: 117px;  }
#headerwrap2							{ width: 100%; background-color: #7fd4f8; height: 3px;  }
#mainheader								{ padding: 35px 0 0 0; color: #fff; }
.logo									{ float: left; margin: 0 10px 0 0; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; }
.logo:hover								{ cursor: pointer; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); }
#websitetitle							{ float: left; margin: -8px 0 0 0; }
#websitetitle h1						{ font-size: 2.538em; font-weight: normal; color: #fff; }
#websitetitle h2						{ font: 1.362em "Georgia"; font-style: italic; font-weight: normal; margin: -3px 0 0 0; color: #fff; }
#mainheader nav							{ float: right; font: 1.315em "Ubuntu", arial; margin: 8px 0 0 0; }
#mainheader nav li						{ list-style-type: none; display: inline; margin: 0 0 0 55px; }
#mainheader a,#mainheader:visited		{ color: #fff; }
#mainheader a:hover						{ text-decoration: none; color: #7fd4f8; }

/* Intro */
#introduction h2						{ font-size: 2.8em; font-weight: bold; margin: 0 0 5px 0; }
#introduction p							{ font-size: 1.154em; line-height: 140%; }
#introleft								{ float: left; width: 540px; margin: 0 0 25px 0; }
#profile_img							{ padding: 0 25px 0 60px; margin: 0 0 25px 0; float: left; width: 335px; text-align: center; }
#introquote								{ float: right; font-style: italic; font-size: 1.15em; width: 335px; background: url('img/leftquotemark.png') no-repeat 0 0; padding: 0 0 0 45px; margin: 0 0 15px 0; }
#introquote .tweet_text					{ color: #2F2F2F; }
#introduction .quotename				{ float: right; height: 27px; background: url('img/rightquotemark.png') no-repeat right top; margin: 10px 0 0 0; padding: 0 50px 0 0; font: 0.9em "Ubuntu"; color: #224560; }
a.findoutmore,a.findoutmore:visited		{ padding: 10px; font: 0.9em "Ubuntu", arial; font-weight: bold; color: #fff; text-shadow: 0px 0px 1px #2f2f2f; background-color: #5f5f5f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 13px 0 0 0; float: left; }
a.findoutmore:hover						{ background-color: #000088; background-image: none; text-shadow: 0px 0px 1px #000; text-decoration: none; }

/* Main Content */
.maincontent							{ padding: 25px 0; overflow: hidden; }
#aboutleft								{ float: left; width: 350px; }
#aboutleft h3							{ font-size: 1.5em ; font-weight: bold; margin: 0 0 15px 0; }
#aboutleft h4							{ font-size: 1.3em; font-weight: bold; margin: 0 0 15px 0; }
#aboutleft p							{ line-height: 135%; margin: 0 0 15px 0; }
#articlesright							{ float: right; width: 570px; }
#articlesright article					{ clear: both; margin: 0 0 40px 0; overflow: hidden; }
#articlesright figure					{ padding: 5px; border: 1px #dbdbdb solid; float: left; width: 200px; height: 160px; margin: 0 15px 25px 0; } 
#articlesright p						{ line-height: 150%; color: #fff; }
#articlesright h5						{ font-size: 1.3em; margin: 0 0 6px 0; color: #224560; }
#articlesright h5:hover					{ color: #2f2f2f; }
a.readmore,a.readmore:visited			{ padding: 4px; font: 0.9em "Ubuntu", arial; font-weight: bold; color: #fff; text-shadow: 0px 0px 1px #2f2f2f; background-color: #5f5f5f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0 0 0; float: left; }
a.readmore:hover						{ background-color: #2f2f2f; background-image: none; text-shadow: 0px 0px 1px #000; text-decoration: none; }

/* Main Content */
.maincontent							{ padding: 25px 0; overflow: hidden; }
#aboutleft								{ float: left; width: 350px; }
#aboutleft h3							{ font-size: 1.5em ; font-weight: bold; margin: 0 0 15px 0; }
#aboutleft h4							{ font-size: 1.3em; font-weight: bold; margin: 0 0 15px 0; }
#aboutleft p							{ line-height: 135%; margin: 0 0 15px 0; }
#articlesright							{ float: right; width: 570px; }
#articlesright article					{ clear: both; margin: 0 0 40px 0; overflow: hidden; }
#articlesright figure					{ padding: 5px; border: 1px #dbdbdb solid; float: left; width: 200px; height: 160px; margin: 0 15px 25px 0; } 
#articlesright p						{ line-height: 150%; color: #fff; }
#articlesright h5						{ font-size: 1.3em; margin: 0 0 6px 0; color: #224560; }
#articlesright h5:hover					{ color: #2f2f2f; }
a.readmore,a.readmore:visited			{ padding: 4px; font: 0.9em "Ubuntu", arial; font-weight: bold; color: #fff; text-shadow: 0px 0px 1px #2f2f2f; background-color: #5f5f5f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 10px 0 0 0; float: left; }
a.readmore:hover						{ background-color: #2f2f2f; background-image: none; text-shadow: 0px 0px 1px #000; text-decoration: none; }


/* Content Blocks */
#introduction,#projects,#mouthpiece,#about,#contact	{ clear: both; }
#introduction							{ background-color: #eff6fa; }
#projects article p						{ color: #2f2f2f; margin: 7px 0 }
#mouthpiece								{ background-color: #7fd4f8; }
#mouthpiece h3,#mouthpiece h5,#mouthpiece p		{ color: #fff; }
#mouthpiece .tweet_text					{ font-size: 1.154em; }
#mouthpiece .tweet_time					{ font-size: 0.7em; }
#mouthpiece article						{ background: url('img/twitter.png'); background-repeat: no-repeat; display: inline-block; padding: 0 35px; margin: 0 0 30px 0; }
#about p								{ font-size: 1.3em; color: #2f2f2f; width: 570px; float: left; overflow: hidden; padding-right: 45px; line-height: 180%; }
#contact								{ background-color: #000066; }
#contact #articlesright p				{ margin: 0 0 20px 0; font-size: 1.3em; line-height: 180%; }
#contact h3,#contact h5,#contact p		{ color: #fff; }
#contact a,#contact:visited				{ color: #fff; }
#contact a:hover						{ text-decoration: none; color: #F1AD3B; }

/* Footer */
#footerwrap								{ width: 100%; height: 78px; background: #2d2d2d url('img/footerbg.jpg') repeat-x 0 0; margin: 20px 0 0 0; }
#mainfooter								{ padding: 30px 0 0 0; text-shadow: 0px 0px 1px #000; }
#mainfooter nav							{ float: left; font-style: italic; font-size: 1.1em; width: 60%; }
#mainfooter li							{ list-style-type: none; float: left; margin: 0 35px 0 0; }
#mainfooter a,#mainfooter a:visited		{ color: #fff; }
.copyright								{ float: right; color: #b8b8b8; }

/* MEDIA QUERIES */

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth								{ width: 800px; }
#mainheader nav							{ font-size: 1.3em; }
#mainheader nav li						{ margin: 0 0 0 35px; }
#introleft								{ width: 470px; }
#introquote								{ width: 270px; }
#introduction h2						{ font-size: 2.85em; }
#aboutleft								{ width: 300px; }
#articlesright							{ width: 474px; }
#articlesright article					{ font-size: 0.95em; }
#articlesright figure					{ margin: 0 15px 65px 0; } 
#mainfooter								{ font-size: 0.9em; }
#mainfooter li							{ margin: 0 25px 0 0; }
#about p								{ font-size: 1.2em; width: 200px; padding-right: 30px; }
#contact #articlesright p				{ font-size: 1.2em; }
}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
.bodywidth								{ width: 600px; }
#mainheader								{ padding: 40px 0 0 0; }
#mainheader nav							{ font-size: 1.1em; margin: 12px 0 0 0; }
#mainheader nav li						{ margin: 0 0 0 25px; }
.logo									{ width: 40px; height: 40px; }
#websitetitle h1						{ font-size: 2.3em; }
#websitetitle h2						{ font-size: 1.1em; }
#introleft								{ width: 600px; }
#introquote								{ display: none; }
#aboutleft								{ width: 200px; }
#articlesright							{ width: 370px; }
#articlesright figure					{ display: none; }
#mainfooter								{ font-size: 0.8em; }
#mainfooter li							{ margin: 0 15px 0 0; }
#about p								{ font-size: 1.2em; width: 330px; padding-right: 35; line-height: 170%; }
#contact #articlesright p				{ font-size: 1.2em; line-height: 170%; }
}

/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
.bodywidth								{ width: 480px; }
#mainheader								{ padding: 25px 0 0 0; }
#mainheader nav							{ float: left; font-size: 1.1em; margin: 18px 0 0 0; }
#mainheader nav li						{ margin: 0 30px 0 0; }
.logo									{ width: 40px; height: 40px; }
#websitetitle h1						{ font-size: 2.3em; }
#websitetitle h2						{ font-size: 1.2em; }
#introleft								{ width: 480px; }
#introduction h2						{ font-size: 2.3em; }
#introquote								{ display: none; }
#aboutleft								{ width: 150px; font-size: 0.9em; }
#articlesright							{ width: 310px; }
#articlesright article					{ font-size: 0.9em; }
#articlesright figure					{ display: none; }
#mainfooter								{ font-size: 0.8em; padding: 20px 0 0 0; }
#mainfooter nav							{ width: 100%; }
#mainfooter li							{ margin: 0 15px 0 0; }
.copyright								{ float: left; color: #b8b8b8; margin: 8px 0 0 0; }
#about p								{ font-size: 1.154em; width: 300px; padding-right: 10; line-height: 170%; }
#contact #articlesright p				{ font-size: 1.154em; line-height: 170%; }
}

/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 341px) {
.bodywidth								{ width: 320px; }
#mainheader								{ padding: 25px 0 0 0; }
#mainheader nav							{ float: left; font-size: 1em; margin: 18px 0 0 0; }
#mainheader nav li						{ margin: 0 20px 0 0; }
.logo									{ width: 40px; height: 40px; }
#websitetitle h1						{ font-size: 2.3em; }
#websitetitle h2						{ font-size: 1.2em; }
#introleft								{ width: 320px; font-size: 0.9em }
#introduction h2						{ font-size: 1.9em; }
#introquote								{ display: none; }
#aboutleft								{ width: 320px; font-size: 0.9em; }
#articlesright							{ width: 320px; float: left; border-top: 1px #dbdbdb solid; padding: 20px 0 0 0; margin: 10px 0 0 0; }
#articlesright article					{ font-size: 0.9em; }
#articlesright figure					{ display: none; }
#mainfooter								{ font-size: 0.8em; padding: 20px 0 0 0; }
#mainfooter nav							{ width: 100%; }
#mainfooter li							{ margin: 0 6px 0 0; }
.copyright								{ float: left; color: #b8b8b8; margin: 8px 0 0 0; }
#about p								{ font-size: 1.1em; width: 310px; padding-right: 10; line-height: 165%; }
#contact #articlesright p				{ font-size: 1.154em; line-height: 165%; }
}

/* Under 320px */
@media only screen and (max-width: 340px) and (min-width: 5px)  {
.bodywidth								{ width: 300px; }
#mainheader								{ padding: 27px 0 0 0; }
#mainheader nav							{ float: left; font-size: 0.8em; margin: 15px 0 0 0; }
#mainheader nav li						{ margin: 0 20px 0 0; }
.logo									{ width: 40px; height: 40px; }
#websitetitle h1						{ font-size: 2.3em; }
#websitetitle h2						{ font-size: 1.2em; }
#introleft								{ width: 300px; font-size: 0.9em }
#introduction h2						{ font-size: 1.8em; }
#introquote								{ display: none; }
#aboutleft								{ width: 300px; font-size: 0.9em; }
#articlesright							{ width: 300px; float: left; border-top: 1px #dbdbdb solid; padding: 20px 0 0 0; margin: 10px 0 0 0; }
#articlesright article					{ font-size: 0.9em; }
#articlesright figure					{ display: none; }
#mainfooter								{ font-size: 0.7em; padding: 20px 0 0 0; }
#mainfooter nav							{ width: 100%; }
#mainfooter li							{ margin: 0 6px 0 0; }
.copyright								{ float: left; color: #b8b8b8; margin: 8px 0 0 0; }
#about p								{ font-size: 1em; width: 290px; padding-right: 10; line-height: 165%; }
#contact #articlesright p				{ font-size: 1.154em; line-height: 165%; }
}

/* Content Block Heights per Mediaqueries */
#projects,#mouthpiece,#about,#contact	{ min-height: 1000px; }
@media only screen and (max-height: 800px) and (min-height: 601px) {
	#projects,#mouthpiece,#about,#contact	{ min-height: 800px; }
}
@media only screen and (max-height: 600px) and (min-height: 401px) {
	#projects,#mouthpiece,#about,#contact	{ min-height: 600px; }
}
@media only screen and (max-height: 400px) and (min-height: 201px) {
	#projects,#mouthpiece,#about,#contact	{ min-height: 400px; }
}
@media only screen and (max-height: 200px) and (min-height: 5px) {
	#projects,#mouthpiece,#about,#contact	{ min-height: 200px; }
}
/* vollkorn-sc-regular - latin */
@font-face {
  font-family: 'Vollkorn SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vollkorn-sc-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-sc-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-sc-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-sc-v11-latin-regular.svg#VollkornSC') format('svg'); /* Legacy iOS */
}
/* vollkorn-sc-600 - latin */
@font-face {
  font-family: 'Vollkorn SC';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/vollkorn-sc-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-sc-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-sc-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-sc-v11-latin-600.svg#VollkornSC') format('svg'); /* Legacy iOS */
}
/* vollkorn-sc-700 - latin */
@font-face {
  font-family: 'Vollkorn SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/vollkorn-sc-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-sc-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-sc-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-sc-v11-latin-700.svg#VollkornSC') format('svg'); /* Legacy iOS */
}
/* vollkorn-sc-900 - latin */
@font-face {
  font-family: 'Vollkorn SC';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/vollkorn-sc-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-sc-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-sc-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-sc-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-sc-v11-latin-900.svg#VollkornSC') format('svg'); /* Legacy iOS */
}
/* vollkorn-regular - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vollkorn-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-500 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/vollkorn-v21-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-500.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-600 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/vollkorn-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-600.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-700 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/vollkorn-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-700.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-800 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/vollkorn-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-800.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-900 - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/vollkorn-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-900.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/vollkorn-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-500italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/vollkorn-v21-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-500italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-600italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/vollkorn-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-600italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-700italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/vollkorn-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-700italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-800italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/vollkorn-v21-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-800italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-900italic - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/vollkorn-v21-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vollkorn-v21-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vollkorn-v21-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vollkorn-v21-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vollkorn-v21-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vollkorn-v21-latin-900italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ubuntu-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ubuntu-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v20-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}