@font-face {
  font-family: "Montserrat-Regular";
  src: url("/assets/fonts/Montserrat/Montserrat-Regular.woff");
  font-display: auto;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url("/assets/fonts/Montserrat/Montserrat-Medium.woff");
  font-display: auto;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Light";
  src: url("/assets/fonts/Montserrat/Montserrat-Light.woff");
  font-display: auto;
  font-style: normal;
}
@font-face {
  font-family: "Comfortaa";
  src: url("/assets/fonts/Comfortaa/Comfortaa-Light.ttf");
  font-display: auto;
  font-style: normal;
}
body {
  margin: 0;
}
#showcase {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 80vh;
  background-image: url("/assets/photos/portfolio_7.jpg");
  display: flex;
}

#showcase-overlay {
  width: 100%;
  height: 80vh;
  position: absolute;
  background: #333;
  opacity: 0.6;
  z-index: 1;
}

#showcase-content {
  padding: 10%;
  position: relative;
  z-index: 2;
  font-family: "Comfortaa";
  font-size: 70px;
  color: #ffffff;
}
.hello{
    width: 100%;
}
.hello-content{
    max-width: 1200px;
    margin: auto;
    padding: 100px 20px;
}
.hello-content .activities-paragraph {
  padding-bottom: 2rem ;
}
.form-block{
    padding-bottom: 10px;
}
.form-content{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.form-content input, textarea {
    margin: 20px;
    border: 2px solid #BCE0FD;
    margin: 10px 5px 5px  5px;
    border-radius: 5px;
    height: 50px;
    padding: 0 0 0 20px;
}
textarea {
  min-height: 150px;
  padding: 20px;
}
.big-inputs{
    display: grid;
}
.big-inputs input{
    margin: 20px;
    border: 2px solid #BCE0FD;
    margin: 10px 5px 5px  5px;
    border-radius: 5px;
    height: 50px;
    padding: 0 0 0 20px;
}

@media(max-width:600px){
    .form-content{
        grid-template-columns: 1fr;
    }
}