@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap');

.validation-msg-box {
	background-color: #ffd2d3;
    border-radius: 5px;
    padding: 0.68em;
    color: #ff3b3b;
    margin-bottom: 0.5em;
    width: 100%;
}

html, body {
  height: 100%;
  position: relative;
}

#root {
   position: relative;
   max-width: 1440px;
   margin: 0 auto; 
   min-height: 100vh;
}

* {
   box-sizing: border-box;
}

button, input, label { 
   font-family: 'Quicksand', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
   line-height: 1.3;
}
  
h1 {
   font-size: 3.73em;
}
h2 {
   font-size: 2.8em;
}
h3 {
   font-size: 1.86em;
}
h4 {
   font-size: 1.53em;
}
h5 {
    font-size: 1.13em;
  }
  h6 {
    font-size: 0.86em;
  }

  .big-text {
    font-size: 1.2em;
  }
  
  .bold {
    font-weight: bold;          
  }

  p {
    line-height: 1.4;
    color: #232323;
  }
  .loader {
    width: 100%;
  }
  .loader img {
    margin-left: 24%;
  }

  .ReactModal__Content {
    width: 50%;
  }
  @media all and (min-width:0px) and (max-width: 768px) {
    .ReactModal__Content {
      width: 90%;
    }
  }