.gtiLogo {
    text-align: left;
    height:35px;
	margin-top:-5px;margin-left:-15px;    
}
body {
	padding-top: 54px; /* for fixed navbar */
}

.main {
  padding: 50px 20px 20px 20px;
}

.navbar_custom {
	border-bottom:1px #ddd solid;
	height: 54px;
}

@font-face{
	font-family:Roboto-Regular;
	src:url(../fonts/Roboto-Regular.ttf.xhtml?ln=default);
	}
	
@media (min-width: 768px) {

	body {
		padding-top: 90px; /* for fixed navbar */
	}
	.gtiLogo {
	    text-align: left;
	   	height:70px;
		margin-top:-5px;margin-left:-5px;    
	}
	.sidebar {
	  position: fixed;
	  top: 150px;
	  bottom: 0;
	  left: 0;
	  z-index: 1000;
	  display: block;
	  padding: 20px;
	  overflow-x: hidden;
	  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	  background-color: #fdfdfd;
	  border-right: 1px solid #eee;
	}
	.navbar_custom {
		border-top: 11px solid #2b4888; 
		border-bottom: 5px solid #ccc;
		background-color: white; 
		height:170px;
		margin-bottom:100px;
	}
	.headerLinkContainer{
	 	padding-top:80px;
	 	padding-left:15px;
	 	width:100%;
	}
	.headerLinkContainerFont{
	 	font-size: 30px;
	}
}

@media (max-width: 1200px) {
	.headerLinkContainerFont{
	 	font-size: 16px;
	}
	.navbar_custom {
		border-top: 11px solid #2b4888; 
		border-bottom: 5px solid #ccc;
		background-color: white; 
		height:140px;
		margin-bottom:100px;
	}
}