/*
Theme Name: Glazek
Theme URI: 
Description: Simple theme for Christopher Glazek
Author: Blaine O'Neill
Author url: http://hypergei.st
Version: 1.0
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.4
Tags: two-column
*/
 
 body {
	font-family:'ITC Franklin Gothic W01' !important;
	font-weight: 100;
 }
 
 h1, h2, h3, h4, h5, h6 {
	 font-family: 'ITC Franklin Gothic W01' !important;
 }
 
 .site-header {
	 margin-top: 3%;
 }
 
 .site-title {
	 	 text-align:center;
	 	 text-transform: uppercase;
 }
 
 .site-title>a {
	 color: black;
 }
 
 .site-title>a:hover {
	 font-style: italic;
	 text-shadow: 0px 0px 22px #ff8b51;
	 color:white;
 }
  
 .site-title>a:focus, .site-title>a:visited {
	 color:white;
	 text-decoration: none;
	 font-style: italic;
	 text-shadow: 0px 0px 22px #ff8b51;
 }
 
 .site-main {
	 margin-top: 3%;
 }
 
 .col-left {
	 background: none;
 }
 
 .col-right {
	 background: none;
 }
 
 .col-header {
	 text-align: center;
	 text-transform: uppercase;
 }
 
 .col-header.left {
	 padding-right:7.5%;
 }
 
  .col-header.right {
	 padding-left:7.5%;
 }
 
 .content-left {
	 padding-right:7.5%;
 }
 
 .content-right {
 	padding-left:7.5%;
 }
 
 /*
  *  Portfolio Grid
  */

.work-entry {
	display:block;
}

.work-title {
	text-align: center;
}

.work-entry>a {
	color:black;
	font-weight: 500;
}

.work-entry>a:hover {
	color:white;
	text-shadow: 0px 0px 22px #ff8b51;
	text-decoration:none;
}

.work-img:hover {
		box-shadow: 0px 0px 10px #ff8b51;
}

.work-source {
	z-index: 2;
	position: absolute;
	display: block;
	text-align: right;
	top: 5px;
	right: 22px;
	color: white;
	font-size:0.8em;
	font-weight: 100;
}

.site-footer {
	background: black;
	color: white;
	padding-top: 25px;
}

.footer-contact {
	float:right;
	padding-bottom: 10px;
}

.footer-bio {
	font-size: 1.2em;
	margin-top: -5px;
}

.contact-menu {
	text-align: center;
}

.contact-menu > li > a {
	color: white;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size:0.75em;
}

.contact-menu > li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}	

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
		.work-entry { height: 215px; }
		.site-title { font-size: 10vw; }
		.col-header { font-size: 1.3em; } 
		.work-title { font-size: 1em; }  
		.work-source { font-size: 0.6em; }
		.footer-bio { text-align: center; font-size: 1em; }
		.contact-menu > li > a { font-size: 0.6em; }
		.contact-menu > li { padding-right: 12px; }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		.work-entry { height: 320px; }
		.site-title { font-size: 10vw; }
		.col-header { font-size: 5.2vw; } 
		.work-title { font-size: 1.2em; }  
		.work-source { font-size: 0.7em; }
		.footer-bio { text-align: center; font-size: 1.2em; }
		.contact-menu > li > a { font-size: 0.75em; }
		.contact-menu > li { padding-right: 20px; }
    }
    
    /*midpoint */
    @media only screen and (min-width : 640px) {
		.work-entry { height: 380px; }
		.site-title { font-size: 10vw; }
		.col-header { font-size: 5.2vw; } 
		.work-title { font-size: 1.5em; }  
		.work-source { font-size: 0.8em; }
		.footer-bio { text-align: center; font-size: 1.2em; }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.work-entry { height: 200px; }
		.site-title { font-size: 4.5em; }
		.col-header { font-size: 1.8em; } 
		.work-title { font-size: 1em; }  
		.work-source { font-size: 0.7em; }
		.footer-bio { text-align: center; }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.work-entry { height: 270px; }
		.site-title { font-size: 5em; }
		.col-header { font-size: 2.5em; } 
		.work-title { font-size: 1.25em; }  
		.work-source { font-size: 0.9em; }
		.footer-bio { text-align: left; }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		.work-entry { height: 320px; }
		.site-title { font-size: 5.5em; }
		.col-header { font-size: 3.2em; } 
		.work-title { font-size: 1.5em; }  
		.work-source { font-size: 1em; }
		.footer-bio { text-align: left; }
    }