/* Remove Status Page Logo and Add spacing */
  .page-footer{
    display: None !important;
  }
  
  .footer__spacer{
    height: 120px;
  }


/* Remove days in previous history */ 
  .history-footer-link { 
    display: none;
  }

.pagination {
 display: None !important; 
}

#svg_small {
 display: none !important; 
}

#svg_small {
 display: none !important; 
}

/* Footer CSS */
  
  footer{
    padding: 20px 10%;
    height: 50px;
    background-color: #FFFFFF !important;
  			  position: fixed;
    bottom: 0;
    width: 100%
  }
  
  .footer__divider{
    background: rgba(0, 0, 0, 0.08);
    height: 2px;
   			 position: fixed;
    width: 100%;
    bottom: 50px;
  }
  
  .inner__footer{
    position: relative;
    height: 30px;
    background-color: #FFFFFF !important;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .footer__logo {
    position: absolute;
    height: 24px;
    width: 70px;
    left: 0;
    bottom: 30%;
  }
  
  
  .footer__logotext {
    position: absolute;
    font-size: 11px;
    left: 11%;
    bottom: 30%;
  }
  
  .footer__links {
    list-style: None;
    display: flex;
    font-size: 12px;
    letter-spacing: -0.32px;
    
    position: absolute;
    right: 0%;
    bottom: 30%;
  }
  
  .footer__links li {
    padding: 0px 20px;
    letter-spacing: -0.32px;
  }
  
  .footer__links li a {
    position: relative;
    letter-spacing: -0.32px;
  }
  
  .footer__links li a:after {
    content: "";
    position: absolute;
    background-color: #0A66C2 !important;
    height: 1px;
    width: 0px;
    left: 50%;
    bottom: -10px;
    transition: 0.3s;
  }
  
  .footer__links li a:hover {
    color: #0A66C2;
  }
  
  .footer__links li a:hover:after {
    color: #0A66C2;
    width: 100%;
    left: 0;
  }


/*Home Page CSS*/
  
  
  /* Header Image [Rectangle] */ 
  
  .rectangle__8{
        height: 18rem;
    background: #FFFFFF;
  }
  
  .inner__rec{
    position: relative;
    height: 18rem;
    background-color: #FFFFFF;
    max-width: 53.125rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .header__logo {
    position: absolute;
    height: 16rem;
    width: 16rem;
    right: 0px;
    bottom: 0;
  }
  
  #hline__1{
    font-style: normal;
    font-weight: 400;
    font-size: 1.431rem;
    line-height: 3rem;
    color: #0073B1;
    
    position: absolute;
    top: 16.91%;
    bottom: 64.88%;
  }
  
  #hline__2 {
   font-style: normal;
   font-weight: 700;
   font-size: 3rem;
   line-height: 1.563rem;
       color: #0073B1; 
    
   position: absolute;
   top: 35.24%;
   bottom: 50.04%;
   
  }
  
  #hline__3 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.431rem;
    line-height: 2.375rem;
    color: #344A57;
    
    position: absolute;
    top: 50.47%;
    bottom: 19.26%;
      
  }
 
  #hline__4 {
    font-style: normal;
    font-weight: 400;
    font-size: 1.031rem;
    line-height: 2.375rem;
    color: #344A57;
    
    position: absolute;
    top: 85.47%;
    bottom: 19.26%;
      
  }
  
  /* Header CSS */
  
  .inner__nav{
    position: relative;
    height: 1.625rem;
    max-width: 53.125rem;
    margin-right: auto;
    margin-left: auto;
    
  }
  .nav__logo {
    position: absolute;
    width: 6.375rem;
    height: 1.625rem;
    left: 0%;
  
  }
  
  .nav__logotext {
    position: absolute;
    font-weight: 500;
    font-size: 1.431rem;
    line-height: 1.755rem;
    color: #6E6558;
   
    margin-left: 6.8rem;
  }
  
  
  header {
    padding: 20px 10%;
    height: 62px;
    background-color: #FFFFFF;
  }
  
  
  .nav__links a,{
    width: 119px;
    height: 20px;
    left: calc(50% - 119px/2);
    top: calc(50% - 20px/2);
    }
  
  .nav__links {
    list-style: None;
    display: flex;
    font-size: 17px;
    letter-spacing: -0.32px;
    
    position: absolute;
    right: 0%;
  
  }
  
  .nav__links li {
    padding: 0px 20px;
    letter-spacing: -0.32px;
  
  }
  
  .nav__links li a {
    position: relative;
    letter-spacing: -0.32px;
    
  }
  
  .nav__links li a:after {
    content: "";
    position: absolute;
    background-color: #0A66C2 !important;
    height: 2px;
    width: 0px;
    left: 50%;
    bottom: -10px;
    transition: 0.3s;
  }
  
  .nav__links li a:hover {
    color: #0A66C2;
  }
  
  .nav__links li a:hover:after {
    color: #0A66C2;
    width: 100%;
    left: 0;
  }
  
  .nav__divider{
    background: #0A66C2;
    color: #0A66C2;
    height: 2px;
  }

<!-- Version 1.0 API STATUS PAGE --> 

.u-layout-flex__container--v-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-global-header__logo-icon {
    color: white;
    margin-right: 12px;
}

.c-global-header__logo-text {
    color: white;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}





body {
	 background-color: #f5f5f5;
}

body.status {
  background-color: #f5f5f5;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

.layout-content.status .custom-header-container {
  margin-bottom: 50px;
}

.layout-content.status .masthead-container.basic {
  width: auto;
  max-width: none;
  min-height: 320px;
  margin: 0 auto 0px;
  background: linear-gradient(90deg, #003f67, #006097 50%);
}

.layout-content.status .masthead-container.basic .masthead {
  max-width: 90%;
  margin: 0 auto;
  padding: 30px 0;
}

.layout-content.status .masthead-container.basic .masthead img {
  max-height: 45px;
}

.layout-content.status .masthead-container.basic 

.layout-content.status .masthead-container.basic .logo-container img {
  display: none;
}

.nav-item {
  float: right;
  color: #f3f3f4;
  padding: 10px 0;
  margin: 0 30px 0 0px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.6px;
}

.nav-item:hover {
  color: #fff;
}

.layout-content.status .masthead-container.basic .updates-dropdown-container .show-updates-dropdown {
  padding: 10px 20px 9px;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  border: 1px solid #92bad2;
  background: #2b77a3;
  box-shadow: none;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}

.updates-dropdown-container .show-updates-dropdown:after {
  content: "Subscribe";
}

.layout-content.status .masthead-container.basic .updates-dropdown-container .show-updates-dropdown:hover {
  border: 1px solid #fff;
}

.layout-content.status .masthead-container.basic .hero-headline {
  display: block;
  clear: both;
  padding-top: 60px;
  margin-bottom: 6px;
  color: #fff;
  font-weight: 300;
  font-size: 42px;
}

.layout-content.status .masthead-container.basic .hero-subheadline {
  padding: 0 190px 0 0;
  color: #92bad2;
  font-size: 16px;
  font-weight: 300;
}

.layout-content.status .font-largest {
  font-size: 1rem;
  font-weight: 400;
}

.layout-content.status.status-index .page-status {
  margin-bottom: 35px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(226, 226, 227, 0.4);
  text-shadow: none;
}

.layout-content.status.status-index .page-status:before {
  display: block;
  content: " ";
  float: left;
  margin: 0 15px 0 0;
  padding: 1.7rem 1.8rem;
}

.layout-content.status.status-index .page-status.status-none,
.layout-content.status.status-index .page-status.status-critical,
.layout-content.status.status-index .page-status.status-major,
.layout-content.status.status-index .page-status.status-minor {
  background: #fff;
}

.layout-content.status.status-index .page-status.status-none:before,
.layout-content.status.status-index .page-status.status-critical:before,
.layout-content.status.status-index .page-status.status-major:before,
.layout-content.status.status-index .page-status.status-minor:before {
  background-repeat: no-repeat;
  background-position: 17px 15px;
  background-size: 24px;
}

.layout-content.status.status-index .page-status.status-none:before {
   background-color: #398b18;
}

.layout-content.status.status-index .page-status.status-critical:before {
  background-color: #d11124;
}

.layout-content.status.status-index .page-status.status-major:before {
    background-color: #e67e22;
}

.layout-content.status.status-index .page-status.status-minor:before {
   background-color: #f1c40f;
}

.layout-content.status.status-index .page-status .status {
  display: inline-block;
  margin-top: 12px;
  color: #2a2a2b;
  font-size: 1rem;
}

/* subscribe button (will be readded after launch) 
 .updates-dropdown-container{
  background-color: #0073B1; 
  border: none; 
  color: black; 
  padding: .2rem .01rem; 
  text-align: center; 
  font-size: 1rem;
  cursor: pointer; 
  border-radius: .5rem; 
  display: inline-block !important;
  width: 20% !important;
  top: 30px !important;
}
*/

.layout-content.status.status-index .page-status .last-updated-stamp {
  display: inline-block;
  margin: 11px 30px 0 0;
  color: #a3a3a7;
  font-weight: 300;
}

.layout-content.status.status-index .component-container {
  background: #fff;
}

.layout-content.status.status-index .components-section {
  padding-top: 35px;
  border-top: 1px solid #e2e2e3;
  border-radius: 0;
  box-shadow: 0 1px 0 rgba(226, 226, 227, 0.4);
}

.layout-content.status.status-index .components-section .component-container .name {
  font-size: 0.875rem;
  font-weight: 400;
}

.layout-content.status.status-index .components-section .component-container .component-status {
  font-weight: 500;
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container {
  margin-bottom: 0.25rem;
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe {
  margin-top: 12px;
  margin-left: 0.4rem;
  padding-left: 0.4rem;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 0.9rem;
}

.layout-content.status.status-index .custom-metrics-container .timeframes-container .timeframe.active {
  font-weight: 400;
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric {
  margin-top: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(226, 226, 227, 0.4);
}

.layout-content.status.status-index .custom-metrics-container .metrics-container .metric-name,
.layout-content.status.status-index .custom-metrics-container .metrics-container .metric-average {
  font-size: 1rem;
  color: #2a2a2b;
}

.layout-content.status.status-index .component-inner-container:before {
  display: inline-block;
  content: " ";
  margin: 0 10px 0 0;
  width: 8px;
  height: 8px;
  border-radius: 40px;
}

.layout-content.status.status-index .component-inner-container.status-green:before {
  background: #419e7b;
}

.layout-content.status.status-index .component-inner-container.status-yellow:before {
  background: #e4ba1b;
}

.layout-content.status.status-index .component-inner-container.status-orange:before {
  background: #e7a641;
}

.layout-content.status.status-index .component-inner-container.status-red:before {
  background: #e05358;
}

.layout-content.status.status-index .incidents-list.format-expanded .status-day .date {
  font-size: 1.2rem;
}

.layout-content.status.status-index .incidents-list.format-expanded .status-day p {
  margin-left: 20px;
}

.layout-content.status.status-index .incidents-list.format-expanded .no-incidents p {
  font-size: 0.875rem;
  font-weight: 300;
  margin-left: 20px;
}

.layout-content.status.status-index .incidents-list.format-expanded .no-incidents:nth-child(2) {
  display: block;
  margin-top: 0;
}

.layout-content.status.status-index .incidents-list.format-expanded .no-incidents:nth-child(2) .date {
  margin-bottom: 40px;
  text-indent: -9999px;
  line-height: 0;
}

.layout-content.status.status-index .highcharts-container,
.layout-content.status.status-index .highcharts-container svg {
  overflow: visible !important;
}

.layout-content.status.status-index .highcharts-container .highcharts-series path {
  stroke-width: 4px;
}

.layout-content.status.status-index .highcharts-container .highcharts-axis-labels {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.layout-content.status.status-index .highcharts-container .highcharts-axis-labels:nth-child(even) {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
}

.layout-content.status.status-full-history .months-container .month {
  margin-top: 5rem;
  padding: 20px 52px;
  border: 1px solid #e2e2e3;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(226, 226, 227, 0.4);
}

.layout-content.status.status-full-history .months-container .month .month-title {
  border-bottom-width: 0px;
  border-style: solid;
  padding-bottom: .25rem;
  margin-bottom: 1.25rem;
  margin-left: -3.3rem;
  margin-top: -3.8rem;
}

.layout-content.status.status-full-history .months-container .month .incident-container {
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-size: 1rem;
  border-bottom: 1px solid #e2e2e3;
}

.layout-content.status.status-full-history .months-container .month .incident-container.color-secondary {
  color: #2a2a2b;
  font-weight: 500;
}

.layout-content.status.status-full-history .months-container .month .incident-container.color-secondary:before {
  display: inline-block;
  content: " ";
  position: absolute;
  margin: 6px 0 0 -20px;
  width: 8px;
  height: 8px;
  background: #419e7b;
  border-radius: 40px;
}

.layout-content.status.status-full-history .months-container .month .incident-container:last-child {
  margin-bottom: 0;
  padding: 0;
  border-bottom: 0 none;
}

.layout-content.status.status-full-history .months-container .month .incident-container a:hover {
  text-decoration: underline;
}

.layout-content.status.status-full-history .months-container .month .incident-container .color-secondary {
  margin-top: 4px;
  font-weight: 300;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title {
  color: #2a2a2b;
  font-size: 1rem;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title:before {
  display: inline-block;
  content: " ";
  position: absolute;
  margin: 8px 0 0 -20px;
  width: 8px;
  height: 8px;
  border-radius: 40px;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title.impact-critical:before {
  background: #e05358;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title.impact-major:before {
  background: #e7a641;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title.impact-minor:before {
  background: #e4ba1b;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-title.impact-none:before {
  background: transparent;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-body {
  font-size: 0.875rem;
}

.layout-content.status.status-incident .container {
  max-width: 850px;
  margin-top: 120px;
}

.layout-content.status.status-incident .page-title {
  margin-bottom: -95px;
  padding-left: 50px;
}

.layout-content.status.status-incident .page-title .incident-name {
  text-align: left;
  color: #2a2a2b;
  font-size: 1rem;
  line-height: 1.8rem;
}

.layout-content.status.status-incident .page-title .incident-name:before {
  display: inline-block;
  content: " ";
  position: absolute;
  margin: 8px 0 0 -20px;
  width: 8px;
  height: 8px;
  border-radius: 40px;
}

.layout-content.status.status-incident .page-title .incident-name.impact-critical:before {
  background: #e05358;
}

.layout-content.status.status-incident .page-title .incident-name.impact-major:before {
  background: #e7a641;
}

.layout-content.status.status-incident .page-title .incident-name.impact-minor:before {
  background: #e4ba1b;
}

.layout-content.status.status-incident .page-title .incident-name.impact-none:before {
  background: transparent;
}

.layout-content.status.status-incident .page-title .subheader {
  text-align: left;
  font-size: 0.875rem;
}

.layout-content.status.status-incident .incident-updates-container {
  padding: 100px 50px 20px;
  background-color: #fff;
  border: 1px solid #e2e2e3;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(236, 236, 237, 0.4);
}

.layout-content.status.status-incident .incident-updates-container .update-row {
  margin-left: 0;
}

.layout-content.status.status-incident .incident-updates-container .update-row:first-child {
  padding-top: 20px;
  border-top: 1px solid #e2e2e3;
}

.layout-content.status.status-incident .incident-updates-container .update-row .update-title,
.layout-content.status.status-incident .incident-updates-container .update-row .update-container {
  width: 100%;
  margin-left: 0;
}

.layout-content.status.status-incident .incident-updates-container .update-row .update-title {
  color: #2a2a2b;
  font-size: 1rem;
}

.layout-content.status.status-incident .incident-updates-container .update-row .update-container .update-body {
  font-size: 0.875rem;
}

.layout-content.status.status-incident .incident-updates-container .update-row .update-timestamp {
  font-weight: 300;
}

/*- Incident -*/
.layout-content.status.status-index .unresolved-incidents {
  margin-bottom: 40px;
  box-shadow: 0 1px 0 rgba(226, 226, 227, 0.4);
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title {
  font-size: 16px;
  font-weight: 400;
  border-radius: 3px 3px 0 0;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .incident-title:before,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .incident-title:before,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major .incident-title:before,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor .incident-title:before {
  display: inline-block;
  content: " ";
  width: 24px;
  height: 24px;
  margin: 0px 1rem -8px 0;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 24px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .incident-title:before {
  display: none;
  /*background-image: url("https://info.recurly.com/hubfs/status/icon_green2x.png");
  background-color: #419e7b;*/
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor .incident-title:before {
  background-image: url("https://info.recurly.com/hubfs/status/icon_yellow2x.png");
  background-color: #e4ba1b;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major .incident-title:before {
  background-image: url("https://info.recurly.com/hubfs/status/icon_orange2x.png");
  background-color: #e7a641;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .incident-title:before {
  background-image: url("https://info.recurly.com/hubfs/status/icon_red2x.png");
  background-color: #e05358;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
  padding: 0;
  background: #fff;
  border-radius: 0 0 3px 3px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .updates,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor .updates,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major .updates,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .updates {
  border-color: #e2e2e3;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update {
  padding: 1.25rem;
  padding-bottom: 20px;
  font-size: 14px;
  border-bottom: 1px solid #e2e2e3;
  margin-bottom: 0px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update:last-of-type {
  /*padding-bottom: 0px;*/
  margin-bottom: 0;
  border-bottom: 0 none;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update strong {
  display: block;
  font-size: 16px;
  font-weight: 400;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .updates .update stron {
  color: #419e7b;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-minor .updates .update strong {
  color: #e4ba1b;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-major .updates .update strong {
  color: #e7a641;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-critical .updates .update strong {
  color: #e05358;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update small {
  font-weight: 300;
}

/*- Footer -*/
.page-footer {
  margin: 40px 0;
}

.page-footer span {
  margin-top: 60px;
}

.page-footer .powered-by a {
  color: #2676a5;
}

/* Media changes for 1030px */
  
  @media (max-width: 1020px){
  
      header {
      padding-top: 20px;
      padding-left: 6.5%;
      padding-right:6.5%;
      height: 62px;
    }
  
  footer {
    padding: 2%;
    position: relative;
  }
  
  .footer__divider{
  			  position: relative !important;
    bottom: auto;
  }

    
  }

  /* Media changes for 860px */
  
  @media (max-width: 870px){
      .header__logo {
          position: absolute;
          height: 15rem;
          width: 15rem;
          right: 1%;
          bottom: 0;
        }
        
        #hline__1{
          font-style: normal;
          font-weight: 400;
          font-size: 1.131rem;
          line-height: 3rem;
          color: #0073B1;
          
          position: absolute;
          top: 16.91%;
          bottom: 64.88%;
              left: 1%;
        }
        
        #hline__2 {
         font-style: normal;
         font-weight: 700;
         font-size: 2.4rem;
         line-height: 1.563rem;
             color: #0073B1; 
          
         position: absolute;
         top: 33.74%;
         bottom: 50.04%;
         left: 1%;
         
        }
        
        #hline__3 {
          font-style: normal;
          font-weight: 400;
          font-size: 1.431rem;
          line-height: 2.375rem;
          color: #344A57;
          
          position: absolute;
          top: 50.07%;
          bottom: 19.26%;
          left: 1%;
            
        }
    
      .nav__logo {
      position: absolute;
      width: 6.375rem;
      height: 1.625rem;
    }
    
    .nav__logotext {
      position: absolute;
      font-weight: 500;
      font-size: 1.431rem;
      line-height: 1.755rem;
      color: #6E6558;
     
  
    }
    
      .inner__nav{
      position: relative; 
      height: 1.625rem;
  
      left: 2%;
  
      
    }
    
    header {
      padding-top: 20px;
      padding-left: 0%;
      height: 62px;
    }
  
   footer {
    padding-right: 1%;
    padding-top: 2%;
    position: relative;
  }
  
    .footer__divider{
  			  position: relative !important;
    bottom: auto;
  }
  
    .footer__logo {
    position: absolute;
    height: 24px;
    width: 70px;
    left: 50;
    bottom: 30%;
  }
  
  
  .footer__logotext {
    position: absolute;
    font-size: 11px;
    left: 12%;
    bottom: 30%;
  }
    
    }

  
@media (max-width: 760px){

  .rectangle__8{
    height: 16rem;
  }
  .inner__rec{
    height: 16rem;
    margin-left: auto;
    margin-right: auto;
  }
    .header__logo{
    margin-right: 0% !important;
    bottom: 1% !important;
  }
  
  #svg_large {
    height: 14rem;
    width: 14rem;
    margin-right: 9% !important;
    bottom: 1% !important;
  }
  
  
  #hline__1{

    font-size: 1.131rem;

  }
  
  #hline__2 {

    font-size: 2.1rem;
    
  }
  
  #hline__3 {

    font-size: 1.231rem;
    line-height: 1.675rem;
    
  }
  
    .footer__links li {
    padding: 0px 10px !important;
    letter-spacing: -0.32px;
  }
  
  
}

@media (max-width: 670px){
    #hline__3 {
    font-size: .9231rem;
    line-height: 1.675rem;
  }
  
  .inner__footer{
    position: relative;
    height: 7.75rem;
    background-color: #FFFFFF !important;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .footer__links {
    list-style: None;
    display: block;
    font-size: 12px;
    letter-spacing: -0.32px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 14%;
  }
  

   .footer__logo {
    position: absolute;
    height: 18px;
    width: 58px;
    left: 0%;
    right: 0%;
    bottom: 5% !important;
    margin-left: 29% !important;
  }
  
  
  .footer__logotext {
    position: absolute;
    font-size: 11px;
    left: 0;
    right: 0;
    bottom: 0 !important;
    margin-left: 46% !important;
    margin-right: auto !important;
    bottom: 0% !important;
  }
  
  
    /* Media changes for Menu on smaller screens */
  
  .menu { 
    display: block;
    margin-left: 95% !important;
    cursor: pointer;
  }
  
  .menu.active .m__bar:nth-child(2){
    opacity: 0;
  }
  
  .menu.active .m__bar:nth-child(1){
    transform: translateY(8px) rotate(45deg);
  }
  
  .menu.active .m__bar:nth-child(3){
    transform: translateY(-8px) rotate(-45deg);
  }
  
  .m__bar{
   display: block;
   width:25px;
   height: 3px;
   margin: 5px auto;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   background-color: #6E6558 !important;
   cursor: pointer; 
    
  }
  
   .nav__links{
    position: absolute !important;
    top: 39px;
    display: none;
    flex-direction: column;
    align-items: center;
    background-color: #F7F7F7 !important;
    width: 106% !important;
    text-align: center;
    transition: 0.3s;
    z-index: 9;
    left: -07px;
  }
  
   .nav__item {
    margin: 16px 0;
  }
  
  .nav__links.active {
    display: block;
  }
  
  
  li{
    list-style: none;
  }
  
  a {
    
    color: black;
    
  }
  
}

@media (max-width: 520px){
  
  #svg_small {
    display: inline !important;
  }
  
  #svg_large {
    display: none !important;
  }
  
  .rectangle__8{
    height: 14rem;
  }
  .inner__rec{
    height: 14rem;
    margin-left: auto;
    margin-right: auto;
  }
  .header__logo {
    position: absolute;
    height: 8.2rem;
    width: 8.2rem;
    margin-right: auto !important;
    margin-left: auto !important;
    left: 0%;
    right: 0%;
    bottom: 0%;
  }  
  #hline__1{

    font-size: 1.131rem;
    text-align: center;
    margin-right: auto !important;
    margin-left: auto !important;
    line-height: 1.675rem;
    left: 0%;
    right: 0%;
    top: 8.1%;
  }
  
  #hline__2 {

    font-size: 2.1rem;
    text-align: center;
    margin-right: auto !important;
    margin-left: auto !important;
    line-height: 1.675rem;
    left: 0%;
    right: 0%;
    top: 19.11%;
    
  }
  #hline__3 {
    font-size: .9231rem;
    text-align: center;
    margin-right: auto !important;
    margin-left: auto !important;
    line-height: 1.375rem;
    left: 0%;
    right: 0%;
    top: 31.91%;
  }
  
    #hline__4 {
    font-size: .9231rem;
    background-color: #FFFFFF !important;
    padding: 1px;

  }
  
  
  footer{
    padding: 0%;
    height: 50px;
    background-color: #FFFFFF !important;
    position: relative !important;
  }
  
   .footer__divider{
    background: rgba(0, 0, 0, 0.08);
    height: 2px;
  			  position: relative !important;
    bottom: auto;
  } 
 
  .footer__logo {
    position: absolute;
    height: 18px;
    width: 58px;
    left: 0%;
    right: 0%;
    bottom: 5% !important;
    margin-left: 21.2% !important;
  }
  
    .inner__footer{
    height: 9.5rem;
  }
  .footer__logotext {
    margin-left: 43.5% !important;
  }