.site-content, .main-footer, .sub-footer, .divup:not(.wide) {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 576px) {
    .site-content, .main-footer, .sub-footer, .divup:not(.wide) {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media (min-width: 768px) {
    .site-content, .main-footer, .sub-footer, .divup:not(.wide) {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media (min-width: 992px) {
    .site-content, .main-footer, .sub-footer, .divup:not(.wide) {
      padding-left: 5vw;
      padding-right: 5vw; } }
  @media (min-width: 1200px) {
    .site-content, .main-footer, .sub-footer, .divup:not(.wide) {
      padding-left: 10vw;
      padding-right: 10vw; } }
  @media (min-width: 1500px) {
    .site-content, .main-footer, .sub-footer, .divup:not(.wide) {
      padding-left: 15vw;
      padding-right: 15vw; } }

.divup-wrap {
  margin-left: -1rem;
  margin-right: -1rem; }
  @media (min-width: 576px) {
    .divup-wrap {
      margin-left: -2rem;
      margin-right: -2rem; } }
  @media (min-width: 768px) {
    .divup-wrap {
      margin-left: -2rem;
      margin-right: -2rem; } }
  @media (min-width: 992px) {
    .divup-wrap {
      margin-left: -5vw;
      margin-right: -5vw; } }
  @media (min-width: 1200px) {
    .divup-wrap {
      margin-left: -10vw;
      margin-right: -10vw; } }
  @media (min-width: 1500px) {
    .divup-wrap {
      margin-left: -15vw;
      margin-right: -15vw; } }

/*Flex*/
/* Common Elements*/
html {
  background-color: #2c2c2c; }

body {
  background-color: #fff; }

h1, h2, h3, h4, h5, h6 {
  color: #39f; }

img {
  max-width: 100%;
  height: auto; }

a, a:link {
  color: #39f;
  text-decoration: none; }

a:visited {
  color: #048;
  text-decoration: none; }

a:hover, a:focus {
  color: #048;
  text-decoration: underline; }

a:active {
  color: #000;
  text-decoration: underline; }

/* Navigation */
.navbar {
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/*Toggler*/
.navbar-light .navbar-toggler,
.navbar-light .topbar-toggler,
.navbar-dark .navbar-toggler,
.navbar-dark .topbar-toggler {
  border: none;
  background-color: transparent;
  color: #aaa;
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1; }
  .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:active,
  .navbar-light .topbar-toggler:hover,
  .navbar-light .topbar-toggler:focus,
  .navbar-light .topbar-toggler:active,
  .navbar-dark .navbar-toggler:hover,
  .navbar-dark .navbar-toggler:focus,
  .navbar-dark .navbar-toggler:active,
  .navbar-dark .topbar-toggler:hover,
  .navbar-dark .topbar-toggler:focus,
  .navbar-dark .topbar-toggler:active {
    outline: none;
    color: #39f; }

.navbar-light .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon {
  background-image: none;
  width: 1em;
  height: 1em; }
  .navbar-light .navbar-toggler-icon:before,
  .navbar-dark .navbar-toggler-icon:before {
    content: '\f0c9';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.navbar-light .topbar-toggler-icon,
.navbar-dark .topbar-toggler-icon {
  background-image: none;
  width: 1em;
  height: 1em; }
  .navbar-light .topbar-toggler-icon:before,
  .navbar-dark .topbar-toggler-icon:before {
    content: '\f002';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:link, .navbar-light .navbar-nav .nav-link:visited {
  background-color: transparent;
  color: #aaa; }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:active {
  background-color: transparent;
  color: #39f; }

.navbar .navbar-nav .nav-link {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
  -khtml-transition: all .2s linear; }

.dropdown-menu {
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 3px; }

.dropdown-item {
  text-transform: none; }
  .dropdown-item, .dropdown-item:link, .dropdown-item:visited {
    background-color: transparent;
    color: #222; }
  .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    background-color: transparent;
    color: #39f; }

/* Misc. */
/*Buttons*/
a.button,
a[class^='button--'] {
  display: inline-block;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem; }
  a.button, a.button:link, a.button:visited,
  a[class^='button--'],
  a[class^='button--']:link,
  a[class^='button--']:visited {
    background-color: #aaa;
    color: #fff !important;
    border-color: #666;
    text-decoration: none !important; }
  a.button:hover, a.button:focus, a.button:active,
  a[class^='button--']:hover,
  a[class^='button--']:focus,
  a[class^='button--']:active {
    background-color: #666;
    color: #fff !important;
    text-decoration: none !important; }

a.button--primary, a.button--primary:link, a.button--primary:visited {
  background-color: #39f;
  color: #fff !important;
  border-color: #048; }

a.button--primary:hover, a.button--primary:focus, a.button--primary:active {
  background-color: #048;
  color: #fff !important; }

a.button--black, a.button--black:link, a.button--black:visited {
  background-color: #666;
  color: #fff !important;
  border-color: #222; }

a.button--black:hover, a.button--black:focus, a.button--black:active {
  background-color: #222;
  color: #fff !important; }

a.button--white, a.button--white:link, a.button--white:visited {
  background-color: #fff;
  color: #222 !important;
  border-color: #aaa; }

a.button--white:hover, a.button--white:focus, a.button--white:active {
  background-color: #ddd;
  color: #222 !important; }

a.button--gray, a.button--gray:link, a.button--gray:visited {
  background-color: #aaa;
  color: #fff !important;
  border-color: #666; }

a.button--gray:hover, a.button--gray:focus, a.button--gray:active {
  background-color: #666;
  color: #fff !important; }

/* Site Structure */
.site-content {
  /*/
	@include pagemargin(0);/**/ }

.main-footer {
  /*/
	@include pagemargin(0);/**/
  padding-top: 6rem;
  padding-bottom: 4rem;
  background-color: #333;
  color: #aaa; }
  .main-footer a, .main-footer a:link, .main-footer a:visited {
    color: #aaa; }
  .main-footer a:hover, .main-footer a:focus, .main-footer a:active {
    color: #fff; }

.sub-footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #2c2c2c;
  color: #666; }

.entry-title {
  margin-top: 2rem; }

.sidebar-top,
.sidebar-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  margin-left: -1rem;
  margin-right: -1rem; }
  .sidebar-top .widget,
  .sidebar-bottom .widget {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    border: 1rem solid #fff;
    min-width: 100%; }
    @media (min-width: 576px) {
      .sidebar-top .widget,
      .sidebar-bottom .widget {
        min-width: 50%; } }
    @media (min-width: 992px) {
      .sidebar-top .widget,
      .sidebar-bottom .widget {
        min-width: 33.33%; } }

/*Divup*/
.divup-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.divup:not(.order-first) {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.divup.wide .widget {
  border: 1rem solid #fff; }

.divup.widgets {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }
  .divup.widgets:not(.wide) {
    padding-left: calc(1rem - 1rem);
    padding-right: calc(1rem - 1rem); }
    @media (min-width: 576px) {
      .divup.widgets:not(.wide) {
        padding-left: calc(2rem - 1rem);
        padding-right: calc(2rem - 1rem); } }
    @media (min-width: 768px) {
      .divup.widgets:not(.wide) {
        padding-left: calc(2rem - 1rem);
        padding-right: calc(2rem - 1rem); } }
    @media (min-width: 992px) {
      .divup.widgets:not(.wide) {
        padding-left: calc(5vw - 1rem);
        padding-right: calc(5vw - 1rem); } }
    @media (min-width: 1200px) {
      .divup.widgets:not(.wide) {
        padding-left: calc(10vw - 1rem);
        padding-right: calc(10vw - 1rem); } }
    @media (min-width: 1500px) {
      .divup.widgets:not(.wide) {
        padding-left: calc(15vw - 1rem);
        padding-right: calc(15vw - 1rem); } }
  .divup.widgets .widget {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    border: 1rem solid #fff;
    min-width: 100%; }
    @media (min-width: 576px) {
      .divup.widgets .widget {
        min-width: 50%; } }
    @media (min-width: 992px) {
      .divup.widgets .widget {
        min-width: 33.33%; }
        .divup.widgets .widget:nth-of-type(1):nth-last-of-type(4), .divup.widgets .widget:nth-of-type(2):nth-last-of-type(3), .divup.widgets .widget:nth-of-type(3):nth-last-of-type(2), .divup.widgets .widget:nth-of-type(4):nth-last-of-type(1), .divup.widgets .widget:nth-of-type(1):nth-last-of-type(5), .divup.widgets .widget:nth-of-type(2):nth-last-of-type(4), .divup.widgets .widget:nth-of-type(1):nth-last-of-type(7), .divup.widgets .widget:nth-of-type(2):nth-last-of-type(6), .divup.widgets .widget:nth-of-type(3):nth-last-of-type(5), .divup.widgets .widget:nth-of-type(4):nth-last-of-type(4), .divup.widgets .widget:nth-of-type(1):nth-last-of-type(8), .divup.widgets .widget:nth-of-type(2):nth-last-of-type(7) {
          min-width: 50%; } }

.divup .widget-edge {
  width: 100%;
  min-width: 100%; }

/* Helpfull Classes */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0; }

.aligncenter {
  margin-left: auto;
  margin-right: auto; }

img.aligncenter {
  display: block; }

@media (max-width: 500px) {
  /*For Google's user experience pagespeed test*/
  .skip-link {
    display: none; } }

html:before {
  content: 'XS';
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 1em;
  z-index: 1000000;
  display: none;
  /**/ }
  @media (min-width: 576px) {
    html:before {
      content: 'SM'; } }
  @media (min-width: 768px) {
    html:before {
      content: 'MD'; } }
  @media (min-width: 992px) {
    html:before {
      content: 'LG'; } }
  @media (min-width: 1200px) {
    html:before {
      content: 'XL'; } }