html {
  scroll-behavior: smooth;

}

.lb1 {
    font-size:14pt;
    color:#444;
    font-weight:normal;
    
}

body {
    
  font-family: 'Roboto', sans-serif;

    
    
}



.navbar-inverse .navbar-toggle .icon-bar {
    background-color:#000;
}

.t2{
	
	
    	background-image: linear-gradient(to bottom, rgba(190,190,210,0) 0%,rgba(255,255,210,0.6) 100%), url('images/logo.jpg');
	 background-size: 100% ;
height:450px;


}

.t2 h1 {
    border: 0 solid;
    background-color:transparent;
    color:#000;
    font-size:42pt;
    font-weight:normal;

}


.t2 h2 {
    border: 0 solid;
    background-color:transparent;
    color:#000;
    font-size:32pt;
    margin-top:0px;

}

#ccc {
	text-align:right;
	
}

#myNavbar
{
	font-size:14pt;
	
}

#myNavbar {
	margin-top:30px;
	
}

#myNavbar a {
	color:#000;
	background-color:#fff;
}
.navbar-inverse
{
	height:90px;
	background-color:#fff;
	border:0px solid;
}


#logo {
	height:60px;
	
}

.up {
	padding-top:20px;
	padding-bottom:20px;
	
}

.cc1 {
	font-size:14pt;
	
}

.c33{
    
     font-size:34pt;
}

h1 {
    font-size:22pt;
   
    background-color:#58f;
    padding-left:5px;
    color:#eee;
    padding:7px;
    
}

h2 {
    font-size:18pt;
    background-color:#eee;
    color: #58f;
    padding-left:5px;
    margin-top:-10px;
    padding:5px;
    
}

.content1{
	
	font-size:14pt;
	background-color:#efe;
	padding:40px;
}


.content2{
	
	font-size:14pt;
	background-color:#e99;
	padding:40px;
	
	background-image: linear-gradient(to bottom, rgba(190,190,210,0.8) 0%,rgba(210,210,210,0.8) 100%), url('images/IMG_20190906_145645.jpg');
	background-size: 100% ;
}

.content3{
	
	font-size:14pt;
	background-color:#eee;
	padding:40px;
	
	background-image: linear-gradient(to bottom, rgba(190,190,190,0.9) 0%,rgba(210,210,210,0.9) 100%), url('images/IMG_20190906_145645.jpg');
	background-size: 100% ;
}

.content4{
	
	font-size:14pt;
	background-color:#ccf;
	padding:40px;
	
/*	background-image: linear-gradient(to bottom, rgba(190,210,190,0.8) 0%,rgba(210,210,210,0.8) 100%), url('images/IMG_20190906_145645.jpg');*/
	background-size: 100% ;
}


.timi {
	
	color:#fff;
	background-color:#f00;
	padding:5px;
	width:50%;
	font-size:18pt;
	text-align:center;
}



.cnt {
    
    -webkit-box-shadow: 20px -2px 20px -11px rgba(0,0,0,0.69);
-moz-box-shadow: 20px -2px 20px -11px rgba(0,0,0,0.69);
box-shadow: 20px -2px 20px -11px rgba(0,0,0,0.69);
    
}

#p1,#p2,#p11 {
	
	height:400px;
	
}


#ccc {
	
	font-size:18pt;
	color:#006b99;
}

#contact {
	
	
}

.cnt ul {
    background-color:#eee;
    
    padding:20px;
    opacity:0.7;
    
}
.cnt li {
    
    margin-left:10px;
}

#form1{
	
	padding-top:40px;
	font-size:14pt;
	background-color:#eef;
	
}


#ddd1{
	
	padding-top:40px;
	font-size:14pt;
	background-color:#eef;
	
}

.sec {
	height:120px;
	
}


   .pans {
        
        font-size:10pt;
        height: 200px;
        
        
    }
    
       .pans a{
        
        font-size:14pt; color:white; text-decoration:none;
        
    }
    
    .timip {
        margin-top:10px;
         background-color: red ; color:white; padding: 5px; font-size:16pt; text-align:right
    }
    
    .pans:hover {
        
        background-color:#caeeca;
      -webkit-box-shadow: 20px -2px 20px -11px rgba(0,0,0,0.69);
-moz-box-shadow: 20px -2px 20px -11px rgba(0,0,0,0.69);
box-shadow: 20px -2px 20px -11px rgba(0,0,0,0.69);
    }
    
    .pans:hover .panel-heading {
        
         background-color:#eee;
         color:#caeeca;
    }
    
     .pans:hover a{
        
        font-size:14pt; color:#030; text-decoration:none;
        
    }



@media screen and (max-width: 800px) {
    .t2 {
        height:auto;
          background-repeat: no-repeat;
    
    }
    
    .t2 h1 {
    border: 0 solid;
    background-color:transparent;
    color:#000;
    font-size:24pt;

}

.c33{
    
     font-size:24pt;
}

.t2 h2 {
    font-size:18pt;
}

.t2{
	

	 background-size: 200% ;
height:250px;
 background-repeat: no-repeat;

}

  .pans {
   height: auto;   
  }
}