/*
Contact Specific Styling.
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
:root {
  --outside-block: 5.2vw;
  --inside-block: 10.4vw;
  --max-width: 1680px;
}

@media screen and (min-width: 1601px) {
  :root {
    --outside-block: 100px;
    --inside-block: 200px;
  }
}
@media screen and (max-width: 1400px) {
  :root {
    --outside-block: 4vw;
    --inside-block: 8vw;
  }
}
@media screen and (max-width: 1150px) {
  :root {
    --outside-block: 3.5vw;
    --inside-block: 7vw;
  }
}
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/

/*# sourceMappingURL=contact.css.map */