:root {
  --main-color: #ff6f69; }

> * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  > *:before, > *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

*::-webkit-input-placeholder {
  color: #666;
  opacity: 1; }

*:-moz-placeholder {
  color: #666;
  opacity: 1; }

*::-moz-placeholder {
  color: #666;
  opacity: 1; }

*:-ms-input-placeholder {
  color: #666;
  opacity: 1; }

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #666; }

body input:required:valid,
body textarea:required:valid {
  color: #666; }

html, body {
  height: 100%; }

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.65;
  overflow-x: hidden; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

::selection {
  background-color: #fff;
  color: #fff; }

a, a:hover, a:focus, a:active {
  outline: none !important;
  text-decoration: none;
  color: #000; }

/*min-height:32vh;*/
section {
  width: 100%;
  height: 100vh;
  display: grid;
  justify-items: center; }
  section .tittle__wrap {
    width: 100%;
    display: grid;
    align-self: center;
    margin: 0 auto; }
  section h2 {
    font-family: "montserrat", serif;
    font-weight: bold;
    font-size: 12.4vw; }
  section .tittle__in-mid {
    width: 100%;
    position: relative; }
    section .tittle__in-mid .drawn__line {
      width: 100%;
      position: absolute;
      display: grid;
      top: 8.4vw;
      z-index: -1;
      z-index: 0; }
      section .tittle__in-mid .drawn__line svg {
        width: 99.5%; }
    section .tittle__in-mid .drawn__line-above {
      position: absolute;
      width: 100%;
      display: grid;
      z-index: 2;
      top: 8.4vw; }
      section .tittle__in-mid .drawn__line-above svg {
        width: 100.3%; }
    section .tittle__in-mid .wrapper {
      z-index: 1;
      width: 100%;
      display: grid;
      justify-items: center;
      align-items: center;
      position: relative;
      opacity: 0; }

.main {
  background: linear-gradient(90deg, #fff 20px, transparent 1%) center, linear-gradient(#fff 20px, transparent 1%) center, black;
  background-size: 22px 22px;
  z-index: 5; }

.group-a, .group-b {
  opacity: 0; }

.ml16 .letter {
  display: inline-block;
  opacity: 0;
  transform: rotate(45deg); }