@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Raleway&display=swap');

.page {background: #f7ebd3;}
.strip > div {}
.strip > div > div {max-width: 1200px; min-width: 300px; margin: 0 auto;}
.strip > div > div > div {padding: 30px 15px;}
.strip > div > div > div > div > :first-child {margin-top: 0;}
.strip > div > div > div > div > :last-child {margin-bottom: 0;}
.strip.strip-header {background: #111; height: 50vh; min-height: 400px; z-index: -100; background: url(../../../_images/_pages/founders-day/founders-day-background-02-3000x2000.jpg) center center; background-size: cover;}
.strip.strip-header > div {height: 100%; background: rgba(0,0,0,.3);}
.strip.strip-header > div > div {height: 100%; padding: 0;}
.strip.strip-header > div > div > div {position: relative; height: 100%; padding: 0;}
.strip.strip-header > div > div > div > div {position: absolute; top: 50%; left: 20%; width: 80%; transform: translate(-12.5%, -50%); -ms-transform: translate(-12.5%, -50%); -webkit-transform: translate(-12.5%, -50%); text-align: center;}
.strip.strip-header > div > div > div > div h1 {color: #fc0; font-family: "Oswald"; font-size: 2.4em; line-height: 1.1em; text-shadow: 2px 2px 2px #222, -2px -2px 2px #222, -2px 2px 2px #222, 2px -2px 2px #222;}
.strip.strip-header > div > div > div > div .subtitle01 {margin-top: 5px; color: #fff; font-family: "Oswald"; font-size: 1.6em; line-height: 1.4em; text-shadow: 2px 2px 2px #222, -2px -2px 2px #222, -2px 2px 2px #222, 2px -2px 2px #222;}
.strip.strip-header > div > div > div > div .subtitle02 {margin-top: 15px; color: #fc0; font-family: "Oswald"; font-size: 1.6em; line-height: 1.4em; text-shadow: 2px 2px 2px #222, -2px -2px 2px #222, -2px 2px 2px #222, 2px -2px 2px #222;}
.strip.strip-header > div > div > div > div .subtitle04 {margin-top: 5px; color: #fff; font-family: "Oswald"; font-size: 1.6em; line-height: 1.4em; text-shadow: 2px 2px 2px #222, -2px -2px 2px #222, -2px 2px 2px #222, 2px -2px 2px #222;}
.strip.strip-header > div > div > div > div .subtitle03 {margin-top: 15px; color: #eee; font-family: "Oswald"; font-size: 1.2em; line-height: 1.4em; text-shadow: 2px 2px 2px #222, -2px -2px 2px #222, -2px 2px 2px #222, 2px -2px 2px #222;}
.strip.strip-stream {background: #222;}
.strip.strip-stream > div {}
.strip.strip-stream > div > div {}
.strip.strip-stream > div > div > div {font-family: "Raleway"; color: #fff;}
.strip.strip-stream > div > div > div h2 {font-family: "Oswald"; color: #fff; border-bottom-color: #aaa;}
.strip.strip-stream > div > div > div .additional-text {margin-top: 15px;}
.strip.strip-stream > div > div > div a {color: #fc0;}
.strip.strip-stream > div > div > div a:link {color: #fc0;}
.strip.strip-stream > div > div > div a:visited {color: #fc0;}
.strip.strip-stream > div > div > div a:hover {color: #fc0;}
.strip.strip-stream > div > div > div a:active {color: #fc0;}
.strip.strip-events {}
.strip.strip-events > div {}
.strip.strip-events > div > div {}
.strip.strip-events > div > div > div {}
.strip.strip-events > div > div > div .boxes {}
.strip.strip-events > div > div > div .boxes:first-child {margin-top: 0;}
.strip.strip-events > div > div > div .boxes:last-child {margin-bottom: 0;}
.strip.strip-events > div > div > div .boxes > div {}
.strip.strip-events > div > div > div .boxes > div > div {}
.strip.strip-events > div > div > div .boxes > div > div > div {display: table; width: 100%; table-layout: fixed;}
.strip.strip-events > div > div > div .boxes > div > div > div > div {display: table-row; width: 100%;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-images {display: table-cell; width: 40%; vertical-align: top;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-images > div {padding: 0;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text {display: table-cell; width: 60%; vertical-align: middle;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div {}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-title {font-family: "Oswald"; font-size: 1.4em;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle {font-family: "Oswald"; font-size: 1em; margin-top: 10px;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle .highlight {color: #09f;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser {font-family: "Raleway"; font-size: .7em; margin-top: 10px;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser .button {font-size: 1.1em; text-align: center;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser .button a {display: inline-block; padding: 5px 15px; border: 1px solid #07d; border-radius: 5px; background: #07d; color: #fff; font-family: "Open Sans", sans-serif;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser .button a:link {color: #fff; text-decoration: none;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser .button a:visited {color: #fff;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser .button a:active {color: #fff;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser .button a:hover {color: #07d; background: #fff; text-decoration: none;}
.strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .image-single {display: none;}
.strip.strip-abouts {background: #e7dbc3;}
.strip.strip-abouts > div {}
.strip.strip-abouts > div > div {}
.strip.strip-abouts > div > div > div {font-family: "Raleway";}
.strip.strip-abouts > div > div > div h2 {font-family: "Oswald"; border-bottom-color: #444;}
.strip.strip-abouts > div > div > div h3 {font-family: "Oswald"; border-bottom-color: #444;}
.strip.strip-abouts > div > div > div .boxes > div > div {background: #f7ebd3;}
.strip.strip-abouts > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-title {font-family: "Oswald"; font-size: 1.4em;}
.strip.strip-abouts > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle {font-family: "Oswald"; font-size: 1em; margin-top: 10px;}
.strip.strip-abouts > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle .highlight {color: #09f;}
.strip.strip-abouts > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser {font-family: "Raleway"; font-size: .7em; margin-top: 10px;}
.sharefloat3 {display: none;}
.share3 {margin-top: 30px; text-align: center;}
.share3 > div {display: inline-block;}

@media all and (min-width: 480px) {
  .strip.strip-header > div > div > div > div h1 {font-size: 2.7em;}
  .strip.strip-header > div > div > div > div .subtitle01 {font-size: 1.6em;}
  .strip.strip-header > div > div > div > div .subtitle02 {font-size: 1.8em;}
  .strip.strip-header > div > div > div > div .subtitle04 {font-size: 1.8em;}
  .strip.strip-header > div > div > div > div .subtitle03 {font-size: 1.4em;}
}

@media all and (min-width: 600px) {
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-title {font-size: 1.6em;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle {font-size: 1.1em;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser {font-size: .8em;}
  .strip.strip-abouts > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-title {font-size: 1.6em;}
  .strip.strip-abouts > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle {font-size: 1.1em;}
  .strip.strip-abouts > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser {font-size: .8em;}
}

@media all and (min-width: 700px) {
  .strip.strip-header > div > div > div > div h1 {font-size: 3em;}
  .strip.strip-header > div > div > div > div .subtitle01 {font-size: 1.8em;}
  .strip.strip-header > div > div > div > div .subtitle02 {font-size: 2em;}
  .strip.strip-header > div > div > div > div .subtitle04 {font-size: 2em;}
  .strip.strip-header > div > div > div > div .subtitle03 {font-size: 1.6em;}
  .strip.strip-stream > div > div > div {padding-bottom: 90px;}
}

@media all and (min-width: 800px) {
  .strip.strip-header {height: 55vh;}
  .strip.strip-header > div > div > div > div h1 {font-size: 3.4em;}
  .strip.strip-header > div > div > div > div .subtitle02 {font-size: 2em;}
  .strip.strip-header > div > div > div > div .subtitle04 {font-size: 2em;}
  .strip.strip-stream > div > div > div {padding-left: 60px;}
  .strip.strip-events {margin-top: -60px;}
  .strip.strip-events > div > div {/*padding-left: 45px;*/}
  .strip.strip-events > div > div > div {display: grid; width: 65%; margin: 0 auto; grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
  .strip.strip-events > div > div > div .boxes {margin: 0;}
  .strip.strip-events > div > div > div .boxes > div {}
  .strip.strip-events > div > div > div .boxes > div > div {}
  .strip.strip-events > div > div > div .boxes > div > div > div {display: block;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div {display: block; width: 100%;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-images {display: block; width: 100%;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-images > div {padding: 0;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text {display: block; width: 100%;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div {}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-title {font-size: 1.4em;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle {font-size: 1em;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser {font-size: .8em;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .image-single {display: block;}
  .strip.strip-abouts > div > div > div {padding-left: 60px;}
  #ff-00 #ff-01 #ff-02 {padding-left: 60px;}
  .share3 {display: none;}
  .sharefloat3 {display: block;}
}

@media all and (min-width: 950px) {
  .strip > div > div > div {padding: 30px;}
  .strip.strip-header {height: 60vh;}
  .strip.strip-header > div > div > div > div h1 {font-size: 5em;}
  .strip.strip-header > div > div > div > div .subtitle01 {font-size: 2.6em;}
  .strip.strip-header > div > div > div > div .subtitle02 {font-size: 2.4em;}
  .strip.strip-header > div > div > div > div .subtitle04 {font-size: 2.4em;}
  .strip.strip-events > div > div > div {padding: 15px 30px; grid-gap: 15px;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-title {font-size: 1.6em;}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-subtitle {}
  .strip.strip-events > div > div > div .boxes > div > div > div > div .boxes-text > div .boxes-teaser {}
}