@media   (min-width: 1200px) {
  header .santhosh-navbar-brand .santhosh-logo {
     
      display: none;
     } }
  @media screen and  (width: 1024px) {
  header .santhosh-navbar-brand .santhosh-logo {
     
      color: white;
     } }
	
	.index{
		 margin-bottom: 1.5em;
  margin-left: 10px;
  font-weight: 400;
  font-family: "Karla", Arial, sans-serif; 
	}
	
	
	
  
   @media  (min-width: 769px){
 #santhosh-hero .hero-flex .text-inner {
      display: block;
      width: 100%;
	  border: 10px solid #4e4b77; 
      margin-left: -5em; }}
	  
	    @media  (min-width: 769px){
	   #santhosh-hero .hero-flex .text-inner .btn-view {
        
		margin-left: 20px;}}
		
	@media (min-width: 769px){
	 #santhosh-hero .hero-flex .text-inner h2 {
        margin-left: 20px; }}
			
			
	@media (min-width: 769px){
	 .index {
        margin-left: 20px; }}
		
	.about-flex .col-half {
    width: 50%;
    display: block;
    overflow: auto; }	
		
	 h1, h2, h3, h4, h5, h6 {
  color: rgba(52, 54, 58);}
  
  
  

 .btn-submit {
  background: #1b90eb;
  border: 2px solid white; }
  
  
  
  #footer p.santhosh-social-icons a {
    color: #000; }
    #footer p.santhosh-social-icons a:hover, #footer p.santhosh-social-icons a:focus {
      text-decoration: none !important; }
  #footer p.santhosh-social-icons  {
    font-size: 24px;
    color: #000; }
	
	#footer p.santhosh-social-icons i:hover{
	opacity: 0.6;}
	}
	
	.foot{
		font-size: 18px !important;
	}
	
}