@font-face {
  font-family: "Editor";
  font-weight: 100;
  src: url(https://5816813.fs1.hubspotusercontent-na1.net/hubfs/5816813/steno-unified/brand-assets/woffs/editor/itf_editor_light-webfont.woff2);
}
@font-face {
  font-family: "Editor";
  font-weight: 400;
  src: url(https://5816813.fs1.hubspotusercontent-na1.net/hubfs/5816813/steno-unified/brand-assets/woffs/editor/itf_editor_regular-webfont.woff2);
}
@font-face {
  font-family: "Editor";
  font-weight: 500;
  src: url(https://5816813.fs1.hubspotusercontent-na1.net/hubfs/5816813/steno-unified/brand-assets/woffs/editor/itf_editor_condensed_medium-webfont.woff2);
}
@font-face {
  font-family: "Apercu";
  font-weight: 100;
  src: url(https://5816813.fs1.hubspotusercontent-na1.net/hubfs/5816813/steno-unified/brand-assets/woffs/apercu/apercu-light-webfont.woff2);
}
@font-face {
  font-family: "Apercu";
  font-weight: 400;
  src: url(https://5816813.fs1.hubspotusercontent-na1.net/hubfs/5816813/steno-unified/brand-assets/woffs/apercu/apercu-webfont.woff2);
}
@font-face {
  font-family: "Apercu";
  font-weight: 500;
  src: url(https://5816813.fs1.hubspotusercontent-na1.net/hubfs/5816813/steno-unified/brand-assets/woffs/apercu/apercu-medium-webfont.woff2);
}
@font-face {
  font-family: "Apercu";
  font-weight: 700;
  src: url(https://5816813.fs1.hubspotusercontent-na1.net/hubfs/5816813/steno-unified/brand-assets/woffs/apercu/apercu-bold-webfont.woff2);
}
body{
margin:0;
}
a{
text-decoration:none;
}

.steno-footer {
    background-color: #183D3D;
    
    padding: 40px 20px;
    
    
  }
.steno-footer2 {
    background-color: #183D3D;
    
    padding: 40px 20px;
    
    
  }
  
  .steno-footer-container {
    max-width: 1200px;
    margin: 0 auto;
padding:1em 2em 1em 2em;
  }
  
  
  .steno-logo1 img {
width:220px;
  }
  
  .footer-links {
    margin: 25px 0;
  }
  
  .footer-links a {
    display: block;
   

    margin-bottom: 12px;
   
    
    transition: opacity 0.2s ease;
font-family: 'Apercu Pro',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #E8E5DC;

  }
   .copyright  {
    display: block;
   

    margin-bottom: 12px;
   
    
    transition: opacity 0.2s ease;
font-family: 'Apercu Pro',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #E8E5DC;

  }
  .footer-links a:hover {
    opacity: 1;
    
  }
  
 
  /* Desktop Layout */
  @media (min-width: 800px) {
    .steno-footer-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
gap:6em;
    }
    
    .footer-left {
      display: flex;
      align-items: center;

    }
    
    .footer-links {
      display: flex;
      flex-wrap: wrap;
      margin: 0px 70px;
      gap: 20px;
    }
    
    .footer-links a {
      margin-bottom: 0;
    }
    
    .footer-right {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    
    .footer-info {
      margin-top: 0;
    }

  }
@media (min-width:800px){
.steno-footer2{
display:none;
  }
}
@media (max-width:800px){
.steno-footer{
display:none;
  }
.steno-logo1 img {
width:170px;
padding-bottom:1em;
  }
 .steno-footer-container {
   
padding:1em 1em 0em 1em;
  }


  }
}
@media (max-width:800px){
.steno-footer{
display:none;
  }
}