/*
 * TAT2TIMPPACSS
 */
@font-face {
    font-family: 'Helvetica';     
} 
html,
body {
  height: 100%;
  background-color: #151515;
  background-image:url('./images/bg.png');
  background-repeat:no-repeat;
  background-position:center;
  
}

p {
color: #666666;
font-family: 'Helvetica';
font-size: 19px;		
}

p {
color: #666666;
font-family: 'Helvetica';
font-size: 19px;		
}

h1{
color: #e34200;
font-family: 'Helvetica';
font-size: 24px;
text-align: center;
}

h2{
color: #e34200;
font-family: 'Helvetica';
font-size: 24px;
text-align: center;
}
a {
	color: #e34200;
font-size: 22px;
text-align: center;
}

hr {
	border-color: #e34200;
	
}

/* Links */
a,
a:focus {
  color: #e34200;
    text-decoration: none;
}

a:hover {
  color: #f44200;
    text-decoration: none;
}



/*
 * Page setting
 */
 

 .masthead h3{
     text-align:center;
     
    
 } 

 .masthead h3 > a > img{
     max-width: 600px;
     max-height: 81px;     
     width: 100%;
     height: 100%;
     
    
 } 

.nav-justified > li > a:hover {
  background-color: #888;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
 
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: rgba(100,100,100,.15);
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
} 
 
.starter-template{
	padding-top:20px;
	padding-bottom:5px;
    padding-left: 30px;
	text-align:left;
}

.col-md-4 {
	 padding-bottom: 20px;
}

.col-md-4 p{
	 text-align: center;	
}

.col-md-6 {
	 padding-bottom: 20px;
}

.col-md-6 p{
	 text-align: center;	
}






.gmaplink a{
    color: #666666;
    font-size: 19px;
}

.footer p{
	padding-top:10px;
	font-family: 'Helvetica';
    font-size: 12px;
    text-align: center;
}

#lightbox-container {
    min-width: 300px;
}

#lightbox-container img{
    padding:9px 9px 9px 9px;
    max-height: 80;
}

#lightbox-container img:hover,
#lightbox-container img:focus{
     background-color: rgba(100,100,100,.15);
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}

.reveal {
  opacity: 0;
  transition: opacity .25s ease-out;
}

.reveal.in {
  opacity: 1
}

#load-images {
 background-color: #151515;
    border-color: #e34200;      
    color: #e34200; 
   font-family: 'Helvetica';
    font-size: 19px;
    
}

#load-images button:focus{
    border-color: #151515;
    background-color: #151515;
}