/*# index.css */
body {
	 margin: 0;
	 font-family: "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}
 code {
	 font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
 
/*# App.css */
.App {
	text-align:center
}

/*# style.css */
.home {
	 position: relative;
	 width: 100%;
	 height: 60vh;
	 color: rgba(85, 84, 84, 0.9);
}
 .home .form-wrap {
	 position: relative;
	 height: 100vh;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background: url(background.jpg);
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: bottom;
}
 .home .navigation {
	 position: fixed;
	 top: 0;
	 left: 0;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 1.5rem 3rem;
	 height: 75px;
	 z-index: 100;
	 width: 100%;
}
 .home .navigation .mini {
	 display: none;
}
 .home .navigation img {
	 width: 7rem;
}
 .home .navigation ul {
	 font-size: 11px;
	 font-weight: 400;
	 letter-spacing: 1px;
	 text-transform: uppercase;
	 text-align: center;
	 line-height: 1.3;
	 display: flex;
	 list-style-type: none;
	 margin: 0;
}
 .home .navigation ul li {
	 margin-left: 25px;
}
 .home .navigation ul a {
	 color: #777;
	 text-decoration: none;
	 letter-spacing: 2px;
}
 .home .navigation ul a:hover {
	 color: black;
}
 .home form {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 width: 60%;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 .home form > div {
	 margin-bottom: 1rem;
	 width: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .home form > div input {
	 width: 48%;
	 padding: 0.5rem 13px;
	 font-size: 12px;
	 border: 1px solid rgba(0, 0, 0, 0.1);
	 border-radius: 4px;
	 outline: none;
}
 .home form > div input::placeholder {
	 color: #777;
	 letter-spacing: 2px;
}
 .home form > div input:focus {
	 color: #111;
	 border-color: rgba(0, 0, 0, 0.7);
	 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
 .home form > div input.error {
	 border-color: red;
}
 .home form > div button {
	 margin-left: 1rem;
	 margin-right: 1rem;
	 width: 24%;
	 background: rgba(34, 34, 34, 0.9);
	 border: 2px solid transparent;
	 border-radius: 2px;
	 font-size: 11px;
	 font-weight: 400;
	 text-transform: uppercase;
	 text-decoration: none;
	 letter-spacing: 2px;
	 padding: 0.5rem 2rem;
}
 .home form h4 {
	 margin-bottom: 4rem;
	 text-transform: uppercase;
	 letter-spacing: 12px;
	 font-weight: normal;
	 color: #111;
	 font-size: 1.8rem;
	 text-align: center;
}
 .home form h5 {
	 font-size: 1.2rem;
	 letter-spacing: 5px;
	 font-weight: 400;
	 margin: 2rem 0;
}
 @media only screen and (max-width: 500px) {
	 .home form {
		 width: 90%;
	}
	 .home form h4 {
		 font-size: 1.4rem;
	}
	 .home form button {
		 width: 45% !important;
	}
	 .home form input {
		 font-size: 16px !important;
		 width: 80% !important;
	}
	 .home .navigation {
		 padding: 1.5rem 1rem;
	}
	 .home .navigation .mini {
		 width: 1.5rem;
		 display: block;
	}
	 .home .navigation ul {
		 display: none;
		 flex-direction: column;
		 position: absolute;
		 top: 4rem;
		 right: 1rem;
	}
	 .home .navigation ul li {
		 text-align: right;
		 background: white;
		 padding: 0.5rem 0;
	}
}
 header {
	 position: relative;
	 background-position: 50% 0px;
	 overflow: hidden;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background: url(background.jpg);
	 background-size: cover;
	 width: 100%;
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: bottom;
	 height: 100vh;
}
 header::before {
	 content: " ";
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 background: rgba(252, 252, 252, 0.5);
}
 header h1 {
	 font-size: 1.5rem;
	 letter-spacing: 1.5em;
	 margin-bottom: 3rem;
	 color: rgba(143, 139, 90, 0.902);
	 text-transform: uppercase;
	 text-align: center;
	 white-space: nowrap;
}
 header h2 {
	 text-align: center;
	 font-size: 1rem;
	 color: rgba(85, 84, 84, 0.9);
	 line-height: 1.164;
	 text-align: center;
}
 header > div {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 z-index: 12;
}