*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}


.title, .second{
  font-size: 42px;
  font-family: 'Capriola', sans-serif;
  letter-spacing: 3px;
  font-weight: bolder;
  text-align: center;
  text-transform: capitalize;
  margin-top: 50px;
}
.second{
	font-size: 20px;
	margin-top:20px;
	margin-bottom: 20px;
	font-weight: normal;
}
.quote{
  font-size: 16px;
  margin-top:10px;
 	text-align: center;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 2px;
	padding: 10px;
  width: 90%;
  margin:auto;
 
}

.contact-form{
	display: grid;
	grid-template-areas: 
		"name email"
		"message message"
		"message message"
        "captcha captcha"
		"submit submit"
		;
	grid-gap: 20px;
	width:70%;
	margin: 50px auto;
	
}
.submit{
	grid-area: submit;
	background-color: lightblue;
	font-size: 3vw;
	font-family: 'Capriola', sans-serif;
	border: none;
	border-radius: 60px;
	color: white;
	padding: 0;
	cursor: pointer;
    width:30%;
    margin: 20px auto 0px auto;
    transition: 0.5s;
}
.submit:hover{
  background-color: darkcyan;
}

.name{
	grid-area: name;
}
.email{
	grid-area: email;
}
.message{
	grid-area: message;
}
input{
	width: 100%;
	height: 60px;
	border-radius: 4px;
	border: 2px solid white;
	padding-left: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
	border: 2px solid black;
	font-family: 'Poppins', sans-serif;
	
}
select{
	height: 60px;
	border-radius: 4px;
}
textarea{
 resize: none;
 width: 100%;
 height: 200px;
 border-radius: 4px;
	padding: 10px;
	border: 2px solid black;
	font-family: 'Poppins', sans-serif;
}
.captcha{
  grid-area: captcha;
  justify-self: center;
  align-self: center;
  margin-top: 20px;
 
}
@media(max-width:994px){
  .contact-form{
    grid-template-areas: 
      "name name"
      "email email"
      "message message"
      "message message"
      "captcha captcha"
      "submit submit"
    ;
    width: 80%;
    margin: auto;
  }
}