html,body{}
body{color:#666;font-family: 'Poppins', sans-serif; font-size: 1.3rem;line-height: 1.6rem; background:#fff }


/* -------- Global Layout -------- */
header, nav, section, footer, .container {max-width:1400px;margin: 0 auto}

.container {padding: 20px; background-color:#fff}
.top {background: #fff; color: #000;padding: 0px 0 0 0;}

header h1 {margin: 0; color:#FF0000;}

nav {background-color: #EFEDE1;border-radius: 0 0 15px 15px;border-top: 10px solid #00B3FF  }
nav ul {list-style-type: none;margin: 0 0 0 2rem;padding: 0;display: flex;justify-content: left;}
nav ul li {margin: 0; font-size: 1.5rem}
nav ul li a {display: block;padding: 1rem 1rem 1rem 1rem;color: #000;text-decoration: none;}
nav ul li a:hover {background-color: #fff;}
        
        
main {padding: 2rem;}

.is-social a {font-size: 2.5rem; color:#00B3FF }
        
        
footer {background-color: #FF9900;color: #fff;text-align: center;padding: 1rem 0;position: relative;}
footer p {margin: 0;}

.header-background {
  background-image: url(/assets/public_files/images/logo-bg.svg);
  background-position: 50% 50%;
  background-size: cover;
  text-align: right;
  background-color: #00B3FF;
  display: flex;
  justify-content: right;
  position: relative;
  border-radius: 15px 15px 0 0;
  
  img.logo {
    width: auto;
    height: 470px;
    display: block;
    position: absolute;
    z-index: 10;
    left: 5%;
    bottom: 15px;
    @media (max-width: 767px) {
      left: 10px;
    }
    @media (max-width: 558px) {
      display: none;
    }
  }
  
  h1 {
    display: block;
    z-index: 20;
    padding: 70px 0 270px 0;
    margin-right: 5%;
    img {
      height: 170px;
      display: block;
    }
  }
  
  .lse {
    display: block;
    z-index: 15;
    position: absolute;
    bottom: 40px;
    right: 5%;
    width: 40%;
    height: auto;
    
    @media (max-width: 1195px) {
      display: none;
    }
  }
}