@import 'ecostyles.css';
 
 body {
    background-color:  var(--eco-core-color-monochrome-50);;
    -webkit-background-size: cover;           /* Safari 3.0 */
     -moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
     -o-background-size: cover;           /* Opera 9.5 */
        background-size: cover;    
    font-family: IBM Plex Sans !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 150% !important;
    color: #333333 !important;
  }
  body > .grid {
    height: 100%;
  }

  /* Removed the background images, commented in case we change our mind */
  /* body.mapping {
     background: url('../img/bg4@2x.jpg') no-repeat center center fixed;
  }
  body.sustainability {
    background: url('../img/bg8@2x.jpg') no-repeat center center fixed;
  }
  */
  body.ga-institute {
    background: url("https://ecometrica-g-and-a.s3.eu-west-1.amazonaws.com/G%26A-Background-Image.jpg")
      no-repeat fixed;
    background-size: cover;
  }
  .ga-institue-header {
    padding-left: 48px;
    background: white;
    border-bottom: 1px solid rgb(177, 186, 197);
    padding-bottom: 3px;
    padding-top:3px;
    height: 56px
}
/*
  body.platform {
    background: url('../img/bg5@2x.jpg') no-repeat center center fixed;
  } 
  
  @media (min-width: 768px) and (max-width: 1200px) {
    body.mapping {
      background: url('../img/bg4.jpg') no-repeat center center fixed;
  }
  body.sustainability {
    background: url('../img/bg8.jpg') no-repeat center center fixed;
  }

  body.platform {
    background: url('../img/bg5.jpg') no-repeat center center fixed;
  }
  .column {
    max-width: 700px;
  }
  }
  
*/

  .ui {
    font-family: IBM Plex Sans !important;
  }

  .ui.center.aligned.header {
    font-size: 32px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .ui.green.button, .ui.green.buttons {
    background-color: #628A5C;
  }

  .ui.form .fields {
    flex-direction: column;
  }

  .ui.orange.button, .ui.orange.buttons {
    background-color: #F16622;
  }

  .ui.segments {
    border: none;
    box-shadow: none;
  }

  .ui.segment {
    background: rgba(255,255,255,.90);
    border: none
  }

  .ui.segments > .segment {
    border-top: None;
  }

  .column {
    max-width: 800px;
    margin: 2em;
  }

  .message > .content {
    text-align: left;
  }


