html,
body {
  width: 100vw;
  height: 100vh;
}
body {
  background-color: #ffffff;
  background-image: url("https://transparenttextures.com/patterns/groovepaper.png");
  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

#vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

code,
kbd,
samp {
  font-family: inherit;
  font-size: 16px;
  font-style: italic;
}
/*#vertical .site-header {

  flex: 33%;
}

#vertical .site-content {

  flex: 69%;
}*/
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media only screen and (max-width: 482px) {
  #vertical {
    flex-direction: column;
  }
  #vertical .site-content {
    padding: inherit !important;
    margin-top: 60px;
  }
  #vertical #content #main {
    width: 100% !important;
    margin: 0 !important;
  }
  .blocks-gallery-grid.is-cropped .blocks-gallery-image,
  .blocks-gallery-grid.is-cropped .blocks-gallery-item,
  .wp-block-gallery.is-cropped .blocks-gallery-image,
  .wp-block-gallery.is-cropped .blocks-gallery-item {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
      width: calc(33% - 0.9375em);
  }
}
@media (min-width: 600px) and (max-width: 799px) {
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
      width: calc(50% - 0.9375em);
  }
}


figure {
  max-width: 100%;
}

html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
  //max-width: 100%;
}
#vertical #content.site-content {
  /*flex: 1;*/
  padding: 40px;
  max-width: 100%;
  width: 100%;
}
#vertical #content #main {
  width: auto;
  margin: 0 0 0 220px;
  top: 0;
  position: relative;
}

/*Remove dotted line*/
.site .button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus,
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  outline: none !important;
  background: transparent !important;
}