* {
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  body {
      background-color:#212526;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      margin: 0;
      flex-wrap: wrap;
  }
  /* Header */
  .header {
      display: block;
      height: 240px;
      overflow: hidden;
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      -o-background-size: cover; 
      background-size: cover;
  }
  .header img {
      margin-top: -11%;
  }
  .logo {
      position: absolute;
      top: 240px;
      left: 5%;
      width: 20%;
      z-index: 1;
  }
  .logo img {
      width: 90%;
      margin-top: -40%;
  }
  /* Menu */
  .overlay {
      display: none;
  }
  .mobile-menu {
    display: none;
  }
  .menu {
      height: 60px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #141C1D;
  }
  .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .menu li {
    float: right;
  }
  
  .menu li a {
    display: block;
    color: #FCFCFC;
    text-align: center;
    padding: 12px;
    padding-top: 19px;
    text-decoration: none;
  }
  
  .menu li a:hover {
    background-color: #111111;
  }
  .menu li a.active {
      border-bottom: 7px solid #9DC217;
  }
  .menu li a.inactive {
      border-bottom: 0;
  }

  /* Content */
  content{
    position:relative;
    opacity:0.9;
    width:auto;
    left:8px;
    right:10px;
  }
  .textbox {
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 18px;
  }
  .textbox p {
    text-align: left;
    font: normal normal 400 20px/33px Segoe UI;
    padding: 3%;
    letter-spacing: 0px;
    color: #1D2527;
    margin-top: 0;
  }
  .overpic {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    background: #6E7170 0% 0% no-repeat padding-box;
    top: 38%;
    width: inherit;
    color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    mix-blend-mode: lighten;
    height: 24%;
    font-size: 3vw;
    justify-content: center;

  }
  .gray {
    background: #475154 0% 0% no-repeat padding-box;
    text-align: center;
    flex-direction: column;
  }
  .heading1 {
    font-size: x-large !important;
    margin-bottom: 0;
    text-align: center !important;
    color: #fff !important;
}
  .heading2 {
    font-size: large !important;
    margin-bottom: 0;
    text-align: center !important;
    color: #fff !important;
  }
  .textbox p {
    color: #1D2527;
  }
  .row {
    height: 7%;
    width: 100%;
  }
  #titlu {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
  }
  .detalii {
    display: flex;
    background-color: #BDE330;
    height: 6%; 
    width: 100%;
    color:#fff;
    justify-content: center;
    align-items: center;
  }
  .detalii_stanga {
    display: inline-flex;
    flex: 1 0 50%;
  }
  .detalii_dreapta {
    display: inline-flex;
    flex: 1 0 50%;
    justify-content: flex-end;
  }
  .poza {
    height: 74%;
    width: 100%;
    display: flex;
    overflow: hidden;
  }
  /* Grid */
  .gridwrapper {
      display: flex;
      flex-flow: row wrap;
      align-items: stretch;
    /* overflow: auto; */
    position: relative;
    /* height: 250px; */
  }
  
  .gridcontent {
    width: 8.33%;
    margin: 0;
    /* border-right: 1px solid grey; */
    min-height: 1px;
    float: left;
  }
  /* Footer */
  .footer {
      height: 70px;
      width: 100%;
      color: #fff;
      bottom: 0;
      background-color: #141C1D;
      left: 0;
      flex-shrink: 0;
  }
  .copyright {
    display: block;
    margin: 12px;
  }
  .copyright a {
    text-decoration: none;
    color: #fff;
  }
  .dev {
    display: block;
    position: absolute;
    right: 0;
    margin: 26px;
    font-size: small;
  }