.site_title {
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	font-size: 24px;
	padding-top: 8px;
}

@media screen and (max-width: 768px) { 

 	header.main-header {
		height: 48px;
    }
    
    .navbar {
    	min-height: 40px;
	}
	
    .site_title {
		font-size: 18px;
    }
}

@media screen and (max-width: 550px) {
    
	header.main-header {
		height: 36px;
    }
    
    .navbar {
    	min-height: 36px;
	}
	
    .site_title {
		font-size: 14px;
    }
}

/* Used to display columns in landscape mode */
@media screen and (max-device-width: 1000px) and (orientation:landscape){
   .landscape-visible {
		display: block !important;
   }
}