@media only screen and (max-width: 765px) {
  .valmet-ii-container .valmet-ii-blocks-container {
    width: 90%; }
    .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks h1 {
      text-transform: uppercase;
      font-size: 24px;
      color: #4C4D4F;
      margin-left: 20px; }
    .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block {
      position: relative;
      display: block;
      width: 100%;
      margin: 5px 0px 5px 0px; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block.valmet-ii-block-active .valmet-ii-block-title:after {
        content: '\F077'; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-title {
        position: relative;
        background-color: #50B948;
        width: 100%;
        height: 70px;
        margin: 0 auto;
        font-size: 18px;
        font-weight: 500;
        color: white;
        text-align: center;
        line-height: 70px; } }
      @media only screen and (max-width: 765px) and (max-width: 360px) {
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-title {
          font-size: 16px; } }

@media only screen and (max-width: 765px) {
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-title:after {
          font-family: 'FontAwesome';
          content: '\F078';
          margin-right: 20px;
          color: white;
          font-size: 13px;
          position: absolute;
          top: 0;
          right: 0; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info {
        display: none;
        position: relative;
        width: 100%;
        background-color: #A3E09F;
        padding: 1px 12px 1px 12px;
        box-sizing: border-box; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info.valmet-ii-block-info-active {
          display: block; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info h2 {
          font-size: 16px;
          color: #4C4D4F; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info p {
          font-size: 14px;
          color: #4C4D4F;
          line-height: 1.42857143; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info ul {
          margin: -6px 0 -6px 0; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info li {
          font-size: 14px;
          color: #4C4D4F;
          line-height: 1.42857143;
          margin-left: -25px; }
    .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue {
      position: relative;
      display: block;
      width: 100%;
      margin: 5px 0px 5px 0px; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue.valmet-ii-block-active .valmet-ii-block-title:after {
        content: '\F077'; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-title {
        position: relative;
        background-color: #008BAB;
        width: 100%;
        height: 70px;
        margin: 0 auto;
        font-size: 18px;
        font-weight: 500;
        color: white;
        text-align: center;
        line-height: 70px; } }
      @media only screen and (max-width: 765px) and (max-width: 360px) {
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-title {
          font-size: 16px; } }

@media only screen and (max-width: 765px) {
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-title:after {
          font-family: 'FontAwesome';
          content: '\F078';
          margin-right: 20px;
          color: white;
          font-size: 13px;
          position: absolute;
          top: 0;
          right: 0; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-info {
        display: none;
        position: relative;
        width: 100%;
        background-color: #88cddd;
        padding: 1px 12px 1px 12px;
        box-sizing: border-box; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-info.valmet-ii-block-info-active {
          display: block; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-info h2 {
          font-size: 16px;
          color: #4C4D4F; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-info p {
          font-size: 14px;
          color: #4C4D4F;
          line-height: 1.42857143; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-info ul {
          margin: -6px 0 -6px 0; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block-blue .valmet-ii-block-info li {
          font-size: 14px;
          color: #4C4D4F;
          line-height: 1.42857143;
          margin-left: -25px; } }

@media only screen and (min-width: 766px) {
  .valmet-ii-container {
    position: relative;
    background-image: url(../images/valmet_ii_bg_v3.jpg);
    background-size: cover;
    background-position: right top;
    position: absolute;
    width: 761px; }
    .valmet-ii-container:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 95.56314%; }
    .valmet-ii-container .valmet-ii-blocks-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80%; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks h1 {
        text-transform: uppercase;
        font-size: 28px;
        color: white;
        margin-left: 20px;
        text-shadow: 0px 0px 5px black; }
      .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block {
        position: relative;
        display: inline-block;
        width: 158px;
        height: 98px;
        background-color: #50B948;
        border: 6px solid white;
        border-radius: 30px 5px 30px 5px;
        margin: 5px 8px 5px 8px; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block.valmet-ii-block-blue {
          background-color: #008BAB; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block.valmet-ii-block-active {
          background-color: #A3E09F; }
          .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block.valmet-ii-block-active.valmet-ii-block-blue {
            background-color: #88cddd; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-title {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 80%;
          margin: 0 auto;
          font-size: 18px;
          font-weight: 500;
          color: white;
          text-align: center; }
        .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info {
          display: none;
          width: 170px;
          background-color: #A3E09F;
          border: 4px solid white;
          border-radius: 5px 5px 5px 5px;
          padding: 12px 12px 12px 12px; }
          .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info.valmet-ii-block-info-blue {
            background-color: #88cddd; }
          .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info.valmet-ii-block-info-active {
            display: inline-block;
            position: absolute;
            z-index: 999;
            margin-left: 20px;
            margin-top: 55px; }
            .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info.valmet-ii-block-info-active.valmet-ii-block-info-blue {
              margin-top: -190px; }
          .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info h2 {
            font-size: 18px;
            color: #4C4D4F; }
          .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info p {
            font-size: 14px;
            color: #4C4D4F;
            line-height: 1.42857143; }
          .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info ul {
            margin: -6px 0 -6px 0; }
          .valmet-ii-container .valmet-ii-blocks-container .valmet-ii-blocks .valmet-ii-block .valmet-ii-block-info li {
            font-size: 14px;
            color: #4C4D4F;
            line-height: 1.42857143;
            margin-left: -25px; } }

@media only screen and (min-width: 985px) {
  .valmet-ii-container {
    position: relative;
    width: 980px; }
    .valmet-ii-container:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 68.25939%; } }

@media only screen and (min-width: 1170px) {
  .valmet-ii-container {
    position: relative;
    width: 1155px; }
    .valmet-ii-container:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 45.46075%; } }