contact {
background: url("../../assets/img/contact.png") center top / cover no-repeat; padding: 30px 0; form { @include center; } h2 { @include center; } div { display: block; } fieldset { flex: 1 auto; width: 100%; border: none; padding: 20px 0; } .required { background: #ff0033; border: 1px solid darken(#ff0033, 20%); } .rightcol { text-align: left; } input[type=text], input[type=email], textarea { width: 90%; font-size: 1.2em; padding: 0 10px; } input[type=text], input[type=email] { float: left; clear: both; margin: 20px 0 0 0; &:first-child { margin: 0; } } textarea { height: 100%; } footer { @include center; text-align: right; } .submit { @include submit-button; } .thanks { display: none; text-align: center; }
}
@media only screen and (min-width: $windowSize) {
#contact { div { display: flex; } fieldset { width: 50%; } input[type=text], input[type=email], textarea { width: 70%; } .rightcol { text-align: right; } }
}