@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/* font-family: 'Nanum Gothic', sans-serif; */

html, body {height: 100%;}
#wrap {min-height: 100%;}

.logo-thumb{
  font-size: 3.5em;
  letter-spacing: .25px;
  text-rendering: optimizeLegibility;
  text-align: left;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight:400;
  padding: 70px 0;
}


.top-message{
  font-size: 2.5em;
  letter-spacing: .25px;
  text-rendering: optimizeLegibility;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.motion-active-mobile{
  display: none;
}


.message{
  font-size: 1.5rem;
  color: #4f5257;
  letter-spacing: 0.5px;
  text-rendering: optimizeLegibility;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight:400;
  margin-bottom: 0.5rem;
}


#email-form{
  padding-top: 0.75rem;
}

.logo-thumb-thanks{
  font-size: 4em;
  letter-spacing: .25px;
  text-rendering: optimizeLegibility;
  font-family: 'Nanum Gothic', sans-serif;
  color: #00B050;
  font-weight:400; 
}



.thanks-message{
  margin-top: 75px;
  font-size: 2em;
  letter-spacing: .25px;
  text-rendering: optimizeLegibility;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight:400;
  margin-bottom: 20rem;
  position: relative;
}

.footer {
  position:relative;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  padding-top: 0.5rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0;
  font-size: 0.75em;
  text-rendering: optimizeLegibility;
  font-family: 'Nanum Gothic', sans-serif;
  line-height: 2;
  text-align: left;
  z-index: 1000;
  color: white;
}

.footer-list{
  list-style: none;
  margin-bottom: 0.5rem;
}

.top-logo{
  padding: 0;
  text-align: center;
}

.logo-class{
    width: 150px;
}

.top-col{
  padding: 0;
}

.backg{
  background-color: #f8f9fa;
}

.rs{
  padding-top: 1.5rem;

}

.rst{
  padding-bottom: 0rem;
}

.logo-thanks{
  width: 200px;
}

 .top-row-class{
    margin-top: 1rem;
  }



/*------------------------------------------------------------------------------------
Size for ipads and tablets
------------------------------------------------------------------------------------*/

@media only screen and (max-device-width: 820px) {


  .logo-thumb{
    padding-left: 1rem;
  }


  .top-message{
    
    font-size: 2.25em;
  }

  .message{
    margin-bottom: 1rem;
    font-size: 1.5em;
  }

  .form-control{
    font-size: 1em;

  }

  .btn{
    font-size: 1em;

  }


  .motion-active{
     display: none;
  }

  .motion-active-mobile{
     display: block;
     padding-bottom: 2rem;
  }
}


/*------------------------------------------------------------------------------------
Size for mobile devices
------------------------------------------------------------------------------------*/

@media only screen and (max-device-width: 480px) {

  .motion-active{
     display: none;
  }

  .motion-active-mobile{
     display: block;
     padding-bottom: 1rem;
     margin-top: 1rem;
  }

#email-form{
  padding-top: 1rem;
}

  .logo-thumb{
    font-size: 72px;
  }

  .message{
    margin-bottom: 0.5rem;
    font-size: 3em;
  }

  .thanks-message{
    font-size: 48px;
  }

  .top-message{
    margin-bottom: 3rem;
    font-size: 3.75em;
  }


  .logo-thumb{
    padding-left: 1rem;
  }

  .col-2{
    width: 25%;
  }

  .col-10{
    width: 75%;
  }

  .logo-class{
    width: 160px;
  }

  .top-row-class{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .form-control{
    font-size: 2em;

  }

  .btn{
    font-size: 2em;

  }




  .logo-thanks{
      width: 400px;
      margin-bottom: 5rem;
      margin-top: 5rem;
    }


}