/*
Hompage Specific Styling.
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
:root {
  --outside-block: calc((60px * 0) + (60/1600*100vw * 1));
  --inside-block: calc(var(--outside-block) + ((90px * 0) + (90/1600*100vw * 1)));
  --max-width: 1600px;
}

@media screen and (min-width: 1601px) {
  :root {
    --outside-block: 60px;
    --inside-block: calc(var(--outside-block) + 90px);
  }
}
@media screen and (max-width: 1400px) {
  :root {
    --outside-block: 45px;
    --inside-block: calc(var(--outside-block) + ((60px * 0) + (60/1600*100vw * 1)));
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --inside-block: calc(var(--outside-block) + ((50px * 0) + (50/1600*100vw * 1)));
  }
}
@media screen and (max-width: 1000px) {
  :root {
    --outside-block: 45px;
    --inside-block: 45px;
  }
}
@media screen and (max-width: 800px) {
  :root {
    --outside-block: 28px;
    --inside-block: 28px;
  }
}
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
#gallery-slider {
  margin-bottom: 100px;
}
@media screen and (max-width: 1600px) {
  #gallery-slider {
    margin-bottom: calc(30px + 4.375vw);
  }
}

/*# sourceMappingURL=fly-in-fishing.css.map */