* {
    box-sizing: border-box;
	margin: 0;
	padding: 0;
}
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://db.onlinewebfonts.com/c/84e7a7db31578ff38ef2697c92152205?family=Yonder+Recoil");
::placeholder {
  color: #aaa;
  font-size: 1em;
}
textarea {
  resize: none;
}
.form-name {
	font-size: 20px;
}

.contact-icon-labels {
	font-size: 1rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-family: montserrat;
}
.contact-container {
	margin-top: 35px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}


.wrapper {
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .6);
}

.wrapper > * {
    padding: 10px;
}

.form-inputs {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.form-inputs form {
    display: grid;
    grid-template-columns: fr 1fr;
    grid-gap: 20px;
}

.form-inputs form label {
    display: block;
}

.form-inputs p {
    margin: 0;
}

label {
	font-weight: 500;
}
a{
	font-weight: bolder;
	color: white;
	text-decoration: none;
}
.form-inputs form button,
.form-inputs form input,
.form-inputs textarea {
    width: 100%;
    padding: .5em;
    border: 1px solid #ccc;
    border-radius: 4px;
	font-size: 16px;
}

.form-inputs form button {
    color: #fff;
    border: 0;
    text-transform: uppercase;
}

.form-inputs button:hover,
.form-inputs button:focus {
    background: #ccc;
    outline: 0;
    transition: background-color .5s ease-out;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example {
        background: red;     
    }
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .example {
        background: green;
    }
    .form-inputs .full {
        grid-column: 1 / 3;
    }
}