@import url('https://fonts.googleapis.com/css?family=Montserrat');

body{
  width: 100%;
}

section {
    text-align: center;
  }

  h1 {
    padding: 20px;
    font-weight: 300 !important;
  }

  .hero {
    background-image: linear-gradient( rgba(98, 179, 255, 0.6), rgb(255, 243, 224, 0.7));
    width:100%;
    height:100vh;
    overflow:hidden;
  }

  .heroVideo{
    height:100vh;
  }

  .brush{
    position: absolute;
    top: 25%;
    color: rgb(71, 71, 255);
  }

  .joinBrush{
    color:white;
  }

  

  .brushLogo{
    width: 90vw;
    max-width: 500px;

    position: relative;
    top: -100px;
  }

  .heroText{
    position: relative;
    top: -200px;

    font-family: "Montserrat";
    background-image: linear-gradient(rgb(168, 241, 243), rgb(255, 243, 224));
    background-size: cover;
    color: transparent;

    -moz-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    text-transform: uppercase;
    font-size: min(20px, 10vw);
    /* font-size: 12vw; */
    
  }

  .about, .contact{
    background-color: rgb(255, 214, 209);
  }

  .storefront {
    object-fit: cover;
    border-radius: 50px;
    width: 800px;
    max-width: 80vw;
  }

  .services{
    background-image: linear-gradient(rgb(168, 241, 243), rgb(255, 214, 209));
  }

  .fineprint{
    font-size: 12px;
  }

  .conditions{
    font-size: 14px;
    color: grey;
  }

  .brandImg {
    height: 200px;
    width: 200px;
    max-height: 70%;
    max-width: 70%;
    object-fit: contain;
  }

  .insta-pic {
    max-height: 300px;
    max-width: 300px;
    object-fit: cover;
    border-radius: 3px;
  }

  /* Contact Section */
  .contact-form button {
    text-align: center;
  }

  .btn-submit {
    background-color: rgb(240, 173, 164);
    color: white;
  }

  .map {
    object-fit: cover;
    border-radius: 50px;
    width: 1000px;
    max-width: 99vw;
    height: 400px;
    align-content: center;
  }