/* Enter Your Custom CSS Here */
table, tbody, td, tr { border-collapse: collapse; }

@media only screen and (max-width: 640px) {
	table, tbody, td, tr { display: block; }
	 tr { border: 0px solid #ffffff;}
}

.post-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2em;
    line-height: 130%;
    font-weight: 700;
    color: #111;
}

.header-image { max-height: 200px; }

@media ( min-height: 100px ) {    
    .header-image { max-height: 400px; }    

}

@media screen and (max-width:600px){
    /*img {
    	opacity: 0;
    }*/
    .blog-logo {
    	background-repeat: no-repeat;
    	background-size: contain;
    	background-position: center center;
        background-image: url( 'http://sites.gatech.edu/dyerlab/wp-content/uploads/sites/630/2017/08/cropped-logo-3dbrains-1.png' );
  	}
   .blog-logo img {
        opacity: 0;
    }
}

.site-tagline {
		padding: 0;
/* 		margin-top: 100px; */
}

.site-description {
		display: none;
}

.minimum .site-tagline
{
		margin-top: 20% !important;
}

/* Add by TJ LaGrow 9/11/2017, 
   issue: cannot access the html to add tags for different pics for different views
   source: https://stackoverflow.com/questions/34984737/display-a-different-logo-on-mobile-and-desktop */
/*
.logo .mobile { display: none; }
@media (max-width: 600px) {
    .logo .mobile { display: block; }
    .logo .desktop { display: none; }
}



  
  

*/