@charset "UTF-8";

body{
  font-size: 1rem;
  font-family: sans-serif;
  background-color: #000;
  margin: 0 auto;
  min-height: 100vh;
  display: grid;
  grid-template:
       "header header"
       "left1  right " 1fr
       "left2  right " 5fr
       "footer footer" ;
}

header{
  grid-area: header;
}

section{
  grid-area: left1;
  border-left: 8px solid #ffffff;
  margin-left: 40px;
}

aside{
  grid-area: left2;
  margin-left: 40px;
  margin-top: 20px;
}

main{
  grid-area: right;
  width: 480px;
  margin-top: 60px;
  margin-left: 50px;
  margin-right: 10px;
}

footer{
  grid-area: footer;
}



.logo{
  margin: 10px 20px 10px 20px;
}

.right{
  text-align: right;
  border-top: 1px solid #ffffff;
}
.right a{
  color: #f0ffff;
  text-decoration: none;
  margin-right: 10px;
}

section h1{
  color: #ffffff;
  font-size: 2rem;
  font-family: 'Aldrich', sans-serif;
  margin: 0px 0px 0px 20px;
  border-bottom: 1px solid #fff;
}
section .text1{
  color: #fff;
  margin: 10px 0px 0px 20px;
}

section .text2{
  color: #1e90ff;
  font-size: 1.3rem;
  text-align: right;
  font-style: italic;
  margin: 0px 20px 0px 20px;
}

aside a{
  color: #ffffff;
  font-size: 1.4rem;
  border: 1px solid #ffffff;
}
aside p{
  color: #ffffff;
  margin-left: 30px;
}
aside dt{
  color: #ffffff;
  margin-left: 20px;
}
input[type="text"],[type="email"]{
  width: 300px;
  margin-bottom: 10px;
}
input[type="text"],[type="tel"]{
  width: 300px;
  margin-bottom: 10px;
}
textarea{
  width: 400px;
  height: 200px;
}
input[type="submit"]{
  cursor: pointer;
  width: 300px;
  margin-left: 10px;
}
input[type="submit"]:hover{
  background-color: #eaeaea;
}

main .mainimg{
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}

footer a{
  color: #f0ffff;
  text-decoration: none;
}

footer .right{
  border-bottom: 1px solid #ffffff;
}

footer .copy{
  text-align: center;
}

footer .far{
  margin-right: 7px;
}

.grecaptcha-badge { visibility: hidden; }

@media (max-width:896px){
  body{
    grid-template: 
         "header"
         "one   "
         "two   "
         "three "
         "footer";
  }
  header{
    grid-area: header;
  }
  section{
    grid-area: one;
  }
  main{
    grid-area: two;
  }
  aside{
    grid-area: three;
  }
  footer{
    grid-area: footer;
  }
  header img{
    width: 410px;
  }
  section{
    margin: 10px;
  }
  main{
    width: 420px;
    margin: 10px 10px 10px 20px;
  }
  main .mainimg{
    width: 420px;
  }
  aside{
    margin: 10px;
  }
  textarea{
    width: 350px;
  }
  input[type="text"],[type="email"]{
    width: 300px;
  }
  input[type="text"],[type="tel"]{
    width: 300px;
  }
  input[type="submit"]{
    width: 300px;
  }
  .grecaptcha-badge { visibility: hidden; }
}


@media (max-width:450px){
  header img{
    width: 290px;
  }
  main{
    width:290px;
  }
  main .mainimg{
    width: 270px;
  }
  textarea{
    width: 250px;
  }
  input[type="text"],[type="email"]{
    width: 200px;
  }
  input[type="text"],[type="tel"]{
    width: 200px;
  }
  input[type="submit"]{
    width: 200px;
  }
  body{
    font-size: 4vw;
  }
  header a{
    font-size: 2vw;
  }
  section h1{
    font-size: 7vw;
  }
  section .text2{
    font-size: 4.5vw;
  }
  aside a{
    font-size: 5vw;
  }
  footer .copy{
    font-size: 2vw;
  }
  .grecaptcha-badge { visibility: hidden; }
}