/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;1,400&family=Roboto+Slab:wght@400;500;600&display=swap');
 
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

  

  body {
    background-image: url('');
   
   
    
    
  
	color: ;
	font-family: ;
	font-size: px;
	font-weight: 400;
  }
  
  p {
	font-family: font-family: 'Nunito', sans-serif;
	font-weight: 400;
  }
  
  a {
	font-family: font-family: 'Nunito', sans-serif;
	color: rgba(44, 44, 44, 1.0);
  }


  
  a:hover,
  a:focus {
	color: rgba(44, 44, 44, 1.0);
  }
  
  a:active {
	color: rgba(84, 84, 84, 1.0);
  }
  

  


  

.banner-header h1 {
	color: ;
font-family: 'Roboto Slab', serif;
	font-size: em;
	font-weight: 700;
  font-style: normal;
  }

  h1 {
	color: ;
font-family: 'Roboto Slab', serif;
	font-size: em;
	font-weight: 700;
  }
  
  @media(max-width: 767px) {
	h1 {
	  font-size: 2em;
	}
  }
  
  h2 {
	color: ;
font-family: 'Roboto Slab', serif;
	font-size: em;
font-weight: 700;
  }
  
  @media(max-width: 767px) {
	h2 {
	  font-size: 1.8em;
	}
  }
  
  h3 {
	color: ;
font-family: 'Roboto Slab', serif;
	font-size: 1.3em;
	font-weight: 700;
  }
  
  @media(max-width: 767px) {
	h3 {
	  font-size: 1.2em;
	}
  }
  
  h4 {
	color: ;
font-family: 'Roboto Slab', serif;
	font-size: 1em;
font-weight: 700;
  }
  
  @media(max-width: 767px) {
	h4 {
	  font-size: 0.0em;
	}
  }
  
  h5 {
	color: ;
font-family: 'Roboto Slab', serif;
	font-size: em;
	font-weight: 700;
  }
  
  h6 {
	color: ;
font-family: 'Roboto Slab', serif;
	font-size: em;
	font-weight: 700;
  }
  

.footer__copyright  {
   float: inherit;
    color: #FFFFFF;
}


.footer {
    background-color: #000000;
    color: #FFFFFF;
}


@media (max-width: 767px) {
  
  h1 {
    font-size: 1.5em !important;
}
 .banner-header h1 {
   
    padding: 20px !important;

}
  
.hs-image-widget {
    max-width: 100% !important;
} 
.rojo {
    font-size: 10px !important;
    font-weight: bold;
    color: #E51C24;
    text-align: center !important;
 
}
.custom-banner-area {
  
    padding: 0px 0 20px !important;
  }
  
  .custom-banner-area::before {


    background-color: rgba(0,0,0,0) !important;
    
    
}
  .custom-banner-area {
    background-color: #ffffff !important;
  
    min-height: 0px !important; 
      background-size: contain !important;}
  
.custom-banner-area::before {  


    background-color: rgba(0,0,0,0) !important;
    
    
}
  }