@font-face {
  font-family: "Lobster-Regular";
  src: url("../fonts/Lobster-Regular.ttf");
}
@font-face {
  font-family: "Open-Sans";
  src: url("../fonts/OpenSans-VariableFont_wdth,wght.ttf");
}
@font-face {
  font-family: "Open-Sans";
  src: url("../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf");
  font-style: italic;
}
.bg-carbon-fibre {
  background: radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
  background-color: #2f2e36;
  background-size: 16px 16px;
}
.bg-arrows {
  background: linear-gradient(45deg, #92baac 45px, transparent 45px) 64px 64px,
    linear-gradient(
      45deg,
      #92baac 45px,
      transparent 45px,
      transparent 91px,
      #e1ebbd 91px,
      #e1ebbd 135px,
      transparent 135px
    ),
    linear-gradient(
      -45deg,
      #92baac 23px,
      transparent 23px,
      transparent 68px,
      #92baac 68px,
      #92baac 113px,
      transparent 113px,
      transparent 158px,
      #92baac 158px
    );
  background-color: #e1ebbd;
  background-size: 128px 128px;
}
.bg-carbon {
  background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(
      #1d1d1d 25%,
      #1a1a1a 25%,
      #1a1a1a 50%,
      transparent 50%,
      transparent 75%,
      #242424 75%,
      #242424
    );
  background-color: #131313;
  background-size: 20px 20px;
}
.bg-diagonal-stripes {
  background-color: gray;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 35px,
    rgba(255, 255, 255, 0.5) 35px,
    rgba(255, 255, 255, 0.5) 70px
  );
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  background: #fff;
}
p,
ul {
  font-family: "Open Sans", "Open-Sans", Roboto;
  margin: 0;
}
h1,
h2,
h3 {
  font-family: Roboto, "Open Sans", "Open-Sans";
  margin: 0;
}
h1 {
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center;
}
h2 {
  font-weight: 500;
  margin-bottom: 0.3rem;
}
.screen-size {
  width: 100%;
  height: 100%;
}
.screen-size-plus {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.full-height {
  min-height: 100%;
}
.standard-padding {
  padding: 1rem;
}
.white {
  color: #fff !important;
}
.wrapper-scroll-down {
  background: #fff;
  position: absolute;
  display: block;
  right: 10%;
  top: 20%;
  padding: 1rem;
  transition: 0.2s;
}
.wrapper-jacob-bergdahl .lobster {
  color: #fcde69;
  font-size: 4rem;
  opacity: 1;
  position: absolute;
  display: block;
  right: 5%;
  top: 20%;
  cursor: default;
}
@media (min-width: 320px) {
  .wrapper-jacob-bergdahl .lobster {
    font-size: 5rem;
  }
}
@media (min-width: 450px) {
  .wrapper-jacob-bergdahl .lobster {
    right: 10%;
  }
}
@media (min-width: 1000px) {
  .wrapper-jacob-bergdahl .lobster {
    transition: 0.3s;
    font-size: 7rem;
  }
}
@media (min-width: 1200px) {
  .wrapper-jacob-bergdahl .lobster {
    font-size: 10rem;
  }
}
.wrapper-jacob-bergdahl .jacob-1 {
  top: initial;
  bottom: 22%;
}
@media (max-height: 420px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    bottom: 26%;
  }
}
@media (max-height: 330px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    bottom: 30%;
  }
}
@media (min-height: 600px) and (max-width: 699px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    bottom: 20%;
  }
}
@media (min-height: 800px) and (max-width: 699px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    bottom: 18%;
  }
}
@media (min-width: 700px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    top: initial;
    bottom: 45%;
  }
}
@media (min-width: 700px) and (max-height: 450px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    bottom: 50%;
  }
}
@media (min-width: 700px) and (min-height: 800px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    bottom: 43%;
  }
}
@media (min-width: 1000px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    top: 15%;
  }
}
@media (min-width: 1000px) and (min-height: 800px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    top: 18%;
  }
}
@media (min-width: 1000px) and (min-height: 1000px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    top: 33%;
  }
}
@media (min-width: 1200px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    top: 20%;
    right: 26%;
  }
}
@media (min-width: 1200px) and (min-height: 800px) {
  .wrapper-jacob-bergdahl .jacob-1 {
    top: 22%;
  }
}
.wrapper-jacob-bergdahl .jacob-2 {
  top: initial;
  bottom: 10%;
}
@media (min-width: 700px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: initial;
    bottom: 35%;
  }
}
@media (min-width: 1000px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 28%;
  }
}
@media (min-width: 1000px) and (min-height: 1000px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 43%;
  }
}
@media (min-width: 1000px) and (min-height: 1200px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 41%;
  }
}
@media (min-width: 1200px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 44%;
    right: 3%;
  }
}
@media (min-width: 1200px) and (min-height: 700px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 39%;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 37%;
  }
}
@media (min-width: 1200px) and (min-height: 950px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 35%;
  }
}
@media (min-width: 1200px) and (min-height: 1100px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 34%;
  }
}
@media (min-width: 1400px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    right: 5%;
  }
}
@media (min-width: 1400px) and (min-height: 950px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 35%;
  }
}
@media (min-width: 1400px) and (min-height: 1100px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    top: 34%;
  }
}
@media (min-width: 1550px) {
  .wrapper-jacob-bergdahl .jacob-2 {
    right: 7%;
  }
}
.lobster {
  font-family: "Lobster", "Lobster-Regular", "Brush Script MT", "Helvetica Neue",
    "sans-serif";
}
.wrapper-scroll-down p {
  margin-top: 0.3rem;
}
@media (min-width: 700px) {
  .wrapper-scroll-down p {
    font-size: 1.2rem;
  }
}
@media (min-width: 1000px) {
  .wrapper-scroll-down p {
    font-size: 1.4rem;
  }
}
@media (min-width: 1000px) {
  .wrapper-scroll-down {
    right: 15%;
  }
}
.wrapper-disposition,
.header-separator {
  text-align: center;
}
.wrapper-disposition-inner,
.wrapper-lectures-text {
  text-align: left;
}
@media (min-width: 700px) {
  .wrapper-disposition-inner,
  .wrapper-lectures-text {
    text-align: center;
  }
}
h1 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.header-separator {
  margin-bottom: 2rem;
  word-spacing: 0.8rem;
}
p {
  margin-bottom: 2rem;
}
@media (min-width: 700px) {
  p,
  .header-separator {
    margin-bottom: 3rem;
  }
  h1 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1000px) {
  h1 {
    font-size: 2.7em;
  }
  p,
  ul {
    font-size: 1.1em;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 3.2em;
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  p {
    margin-bottom: 4rem;
  }
  #partial-disposition p:last-child,
  .wrapper-book-text p:last-child {
    margin-bottom: 6rem;
  }
  p,
  ul {
    font-size: 1.2em;
  }
  .header-separator {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1400px) {
  h1 {
    font-size: 3.8em;
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  #partial-disposition p:last-child,
  .wrapper-book-text p:last-child {
    margin-bottom: 8rem;
  }
  .header-separator {
    margin-bottom: 6rem;
  }
}
ul {
  list-style: upper-roman;
}
.desktop {
  display: none !important;
}
@media (min-width: 1000px) {
  .mobile {
    display: none !important;
  }
  .desktop {
    display: block !important;
  }
}
/* 
    Partial introduction
*/
#partial-introduction {
  background: #4e4e52;
  background: radial-gradient(circle, #4e4e52 0%, #1f1e28 100%);
}
#partial-introduction .has-scrolled-down-wrapper {
  position: absolute;
  bottom: 3rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 1000px) {
  #partial-introduction .has-scrolled-down-wrapper {
    transition: 0.3s;
  }
}
#partial-introduction .scroll-down-wrapper {
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 1.2rem;
}
#partial-introduction .scroll-down-wrapper .scroll-down {
  font-family: Roboto, "Open sans";
  font-weight: 300;
  letter-spacing: 0.1rem;
  cursor: default;
  color: #fff;
}
@media (min-height: 550px) {
  #partial-introduction .scroll-down-wrapper {
    bottom: 1.5rem;
  }
}
@media (min-height: 700px) {
  #partial-introduction .scroll-down-wrapper {
    bottom: 2rem;
  }
}
@media (min-width: 1000px) {
  #partial-introduction .scroll-down-wrapper {
    display: none;
  }
}
#partial-introduction .has-scrolled-down-wrapper-inner {
  margin: 0 1rem;
  display: block;
  padding: 2rem;
  color: white;
  background: rgba(0, 0, 0, 0.8);
}
@media (min-width: 350px) {
  #partial-introduction .has-scrolled-down-wrapper-inner {
    margin: 0 3rem;
  }
}
@media (min-width: 1000px) {
  #partial-introduction .has-scrolled-down-wrapper-inner {
    margin: 0 10rem;
  }
}
@media (min-width: 1200px) {
  #partial-introduction .has-scrolled-down-wrapper-inner {
    margin: 0 14rem;
  }
}
/* 
    Partial disposition
*/
#partial-disposition {
  border: 10px solid;
}
#partial-disposition .wrapper-disposition-jump {
  text-align: center;
}
#partial-disposition .wrapper-disposition-jump h3 {
  font-weight: 400;
  letter-spacing: 0.3rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
}
#partial-disposition .wrapper-disposition-jump .joker {
  margin-bottom: 1rem;
}
#partial-disposition .wrapper-disposition-jump .joker.before-header-separator {
  margin-bottom: 2rem;
}
@media (min-width: 500px) {
  #partial-disposition .wrapper-disposition-inner {
    padding-left: 8%;
    padding-right: 8%;
  }
}
@media (min-width: 700px) {
  #partial-disposition {
    border: 15px solid;
  }
  #partial-disposition .wrapper-disposition-inner {
    padding: 3rem 15% 0rem 15%;
  }
  #partial-disposition .wrapper-disposition-jump h3 {
    margin-top: 4rem;
  }
  #partial-disposition .wrapper-disposition-jump .joker {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1000px) {
  #partial-disposition {
    border: 15px solid;
  }
  #partial-disposition .wrapper-disposition-inner {
    padding: 3rem 20% 0rem 20%;
  }
  #partial-disposition .wrapper-disposition-jump .joker {
    max-width: 34rem;
  }
  #partial-disposition
    .wrapper-disposition-jump
    .joker.before-header-separator {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  #partial-disposition {
    border: 20px solid;
  }
  #partial-disposition .wrapper-disposition-inner {
    padding: 4rem 25% 0rem 25%;
  }
}
@media (min-width: 1400px) {
  #partial-disposition {
    border: 25px solid;
  }
  #partial-disposition .wrapper-disposition-inner {
    padding: 4rem 30% 0rem 30%;
  }
  #partial-disposition .wrapper-disposition-jump .header-separator {
    margin-bottom: 4rem;
  }
}
/* 
    Partial book
*/
#partial-book h1,
#partial-book .header-separator {
  text-align: center;
}
#partial-book .wrapper-book-images {
  display: none;
  margin-left: auto;
  margin-right: auto;
}
#partial-book .wrapper-book-images img {
  margin-bottom: 2rem;
}
#partial-book img {
  height: 100%;
  width: calc(100% - 10px);
  border: 5px solid;
}
#partial-book .wrapper-book-text {
  background: white;
  padding: 5% 10%;
}
@media (min-width: 700px) {
  #partial-book .wrapper-book-text {
    margin: 0 5%;
  }
}
@media (min-width: 1000px) {
  #partial-book {
    display: flex;
  }
  #partial-book .wrapper-book {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5%;
  }
  #partial-book .wrapper-book-text {
    margin: 0;
    float: left;
    width: 53%;
    padding: 2.5rem;
  }
  #partial-book .wrapper-book-text img {
    display: none;
  }
  #partial-book .wrapper-book-images {
    display: block;
    float: right;
    width: 34%;
  }
  #partial-book .wrapper-book-images img {
    border: 5px solid white;
  }
}
@media (min-width: 1200px) {
  #partial-book .wrapper-book-text {
    padding: 3rem 3rem;
  }
  #partial-book .wrapper-book {
    padding-top: 0;
  }
}
/* 
    Cards
*/
.wrapper-articles-cards {
  display: flex;
  flex-flow: wrap;
}
@media (min-width: 1200px) {
  .wrapper-articles-cards {
    margin: 0 8%;
  }
}
@media (min-width: 1400px) {
  .wrapper-articles-cards {
    margin: 0 12%;
  }
}
.card {
  color: #333;
  width: 100%;
  margin-bottom: 2rem;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  /* !! */
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  /* !! */
}
.card img {
  width: 100%;
  height: 10rem;
}
.card .card-excluding-img {
  padding: 0.7rem 1rem 0rem 1rem;
}
.card .card-excluding-img h3 {
  margin-bottom: 0.4rem;
}
.card .card-excluding-img.card-with-italics h3 {
  margin-bottom: 0.1rem;
}
.card .card-excluding-img.card-with-italics i {
  margin-bottom: 0.4rem;
  display: block;
}
.card .card-excluding-img p {
  margin-bottom: 0;
}
.card .card-excluding-img .joker {
  margin: 1.2rem 0;
}
@media (min-width: 400px) {
  .card img {
    height: 12rem;
  }
}
@media (min-width: 450px) {
  .card img {
    height: 15rem;
  }
}
@media (min-width: 500px) {
  .card img {
    height: 16rem;
  }
}
@media (min-width: 550px) {
  .card img {
    height: 17rem;
  }
}
@media (min-width: 600px) {
  .card {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .card img {
    height: 8rem;
  }
}
@media (min-width: 650px) {
  .card img {
    height: 10rem;
  }
}
@media (min-width: 750px) {
  .card img {
    height: 11rem;
  }
}
@media (min-width: 800px) {
  .card {
    width: 29.2%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .card img {
    height: 8rem;
  }
}
@media (min-width: 900px) {
  .card img {
    height: 9rem;
  }
}
@media (min-width: 1000px) {
  .card {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1050px) {
  .card img {
    height: 10rem;
  }
}
@media (min-width: 1100px) {
  .card img {
    height: 11rem;
  }
}
@media (min-width: 1200px) {
  .card .card-excluding-img p {
    margin-bottom: 0;
    font-size: 1.1em;
  }
  .card .card-excluding-img h3 {
    font-size: 1.4em;
  }
  .card img {
    height: 10rem;
  }
}
@media (min-width: 1300px) {
  .card img {
    height: 11rem;
  }
}
@media (min-width: 1400px) {
  .card .card-excluding-img p {
    margin-bottom: 0;
  }
  .card .card-excluding-img .joker {
    margin: 1.5rem 0;
  }
  .card img {
    height: 10rem;
  }
}
@media (min-width: 1450px) {
  .card img {
    height: 11rem;
  }
}
@media (min-width: 1650px) {
  .card img {
    height: 12rem;
  }
}
@media (min-width: 1850px) {
  .card img {
    height: 13rem;
  }
}
@media (min-width: 1950px) {
  .card img {
    height: 14rem;
  }
}
.card.wide {
  width: 100%;
}
/* 
    Button: joker
*/
.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.joker small {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.joker a {
  display: block;
  padding: 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.joker a,
.joker a:after,
.joker a:before {
  transition: all 0.5s;
}
a,
a:visited {
  color: #115ae5;
}
.alt-color-scheme a,
.alt-color-scheme a:visited {
  color: #fff;
  text-decoration: underline;
}
.joker a,
.joker a:visited {
  color: #115ae5;
  text-decoration: none;
  position: relative;
  z-index: 1;
  font-family: "Open Sans", "Open-Sans", Roboto, arial, sans-serif;
  text-align: center;
  display: block;
}
@media screen and (min-width: 1000px) {
  a:active,
  a:hover {
    color: #2e70ec;
    text-decoration: underline;
    cursor: pointer;
  }
  .alt-color-scheme a:active,
  .alt-color-scheme a:hover {
    color: #6588ca;
  }
  .joker a:hover {
    color: #fff;
    text-decoration: none;
  }
  .joker a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: ".";
    color: transparent;
    background: #115ae5;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
  }
  .joker a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
  }
}
.joker.border {
  border: 1px solid #115ae5;
}
.alt-color-scheme .joker {
  margin-bottom: 2rem;
  border: 1px solid #fff;
}
.alt-color-scheme .joker a,
.alt-color-scheme .joker a:visited {
  color: #fff;
}
#partial-tiracom {
  padding-bottom: 3rem;
}
.long-text p,
.treat-like-p,
li {
  margin-bottom: 1.5rem;
}
.long-text p:last-child {
  margin-bottom: 2rem;
}
.last-paragraph {
  margin-bottom: 3rem !important;
}
.header-separator-top {
  padding-top: 2rem;
}
@media (min-width: 700px) {
  .wrapper-articles-text,
  .tiracom-text-inner,
  .wrapper-projects-text {
    padding: 5% 15% 0rem 15%;
  }
  .header-separator-top {
    padding-top: 5%;
  }
  .long-text p,
  .treat-like-p {
    margin-bottom: 1.7rem;
  }
  .last-paragraph {
    margin-bottom: 4rem !important;
  }
}
@media (min-width: 900px) {
  .wrapper-articles-text,
  .tiracom-text-inner,
  .wrapper-projects-text {
    padding: 5% 17% 0rem 17%;
  }
  .header-separator-top {
    padding-top: 5%;
  }
}
@media (min-width: 1000px) {
  .wrapper-articles-text,
  .tiracom-text-inner,
  .tiracom-image,
  .wrapper-projects-text {
    padding: 5% 19% 0rem 19%;
  }
  .wrapper-articles,
  .wrapper-projects,
  .wrapper-page,
  .wrapper-lectures {
    padding-top: 5%;
  }
  .header-separator-top {
    padding-top: 5%;
  }
  .tiracom-image {
    padding-top: 0;
  }
  #partial-tiracom,
  .wrapper-media-inner,
  .wrapper-book {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1200px) {
  .wrapper-articles-text,
  .tiracom-text-inner,
  .tiracom-image,
  .wrapper-projects-text {
    padding: 5% 21% 0rem 21%;
  }
  .header-separator-top {
    padding-top: 5%;
  }
  .wrapper-articles,
  .wrapper-projects {
    padding-top: 0;
  }
  .tiracom-image {
    padding-top: 0;
  }
  #partial-tiracom,
  .wrapper-media-inner,
  .wrapper-book {
    padding-bottom: 6rem;
  }
  .long-text p,
  .treat-like-p {
    margin-bottom: 2rem;
  }
  .last-paragraph {
    margin-bottom: 6rem !important;
  }
}
@media (min-width: 1400px) {
  .wrapper-articles-text,
  .tiracom-text-inner,
  .tiracom-image,
  .wrapper-projects-text {
    padding: 5% 25% 0rem 25%;
  }
  .header-separator-top {
    padding-top: 5%;
  }
  .tiracom-image {
    padding-top: 0;
  }
  .wrapper-articles h1 {
    margin-top: 7rem;
  }
  .wrapper-articles .header-separator {
    margin-bottom: 4rem;
  }
  .wrapper-articles .last-paragraph {
    margin-bottom: 6rem !important;
  }
  #partial-tiracom,
  .wrapper-media-inner,
  .wrapper-book {
    padding-bottom: 8rem;
  }
}
/* 
    Partial articles
*/
#partial-articles {
  color: white;
}
#partial-articles h1 {
  text-align: center;
}
#partial-articles .wrapper-articles-text {
  text-align: left;
}
@media (min-width: 600px) {
  #partial-articles {
    padding-bottom: 3rem;
  }
}
@media (min-width: 700px) {
  #partial-articles .wrapper-articles-text {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  #partial-articles {
    padding-bottom: 8rem;
  }
}
@media (min-width: 1400px) {
  #partial-articles {
    padding-bottom: 10rem;
  }
}
/* 
    Partial Tiracom
*/
#partial-tiracom {
  text-align: left;
  color: white;
}
#partial-tiracom h1,
#partial-tiracom .header-separator {
  text-align: center;
}
#partial-tiracom img {
  width: calc(100% - 10px);
  border: 5px solid #0c0414;
}
@media (min-width: 700px) {
  #partial-tiracom {
    text-align: center;
  }
}
/* 
    Partial projects
*/
#partial-projects {
  background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(
      #1d1d1d 25%,
      #1a1a1a 25%,
      #1a1a1a 50%,
      transparent 50%,
      transparent 75%,
      #242424 75%,
      #242424
    );
  background-color: #131313;
  background-size: 20px 20px;
}
#partial-projects p,
#partial-projects h2 {
  text-align: left;
}
@media (min-width: 600px) {
  #partial-projects .wrapper-projects-inner {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  #partial-projects .wrapper-projects-inner {
    padding-bottom: 8rem;
  }
}
@media (min-width: 1000px) {
  #partial-projects .wrapper-projects-text {
    padding: 5% 12% 0rem 12% !important;
  }
}
@media (min-width: 1200px) {
  #partial-projects .wrapper-projects-text {
    padding: 5% 10% 0rem 10% !important;
  }
}
@media (min-width: 1400px) {
  #partial-projects .wrapper-projects-text {
    padding: 5% 10% 0rem 10% !important;
  }
}
.clickable-image {
  position: relative;
}
.clickable-image img {
  display: block;
}
.clickable-image .overlay-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease;
  background-color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1000px) {
  .clickable-image:hover .overlay-image {
    cursor: pointer;
    opacity: 1;
  }
  .clickable-image .overlay-text:hover {
    color: #000;
    text-decoration: underline;
  }
}
.clickable-image .overlay-text {
  color: #333;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* 
    Partial in the media
*/
#partial-media,
#partial-contact {
  text-align: center;
  color: #fff;
  min-height: 100vh;
}
#partial-media .header-separator,
#partial-contact .header-separator {
  margin-bottom: 3rem;
}
#partial-media img,
#partial-contact img {
  width: 100%;
}
#partial-media .clickable-image,
#partial-contact .clickable-image {
  width: calc(80% - 10px);
  border: 5px solid #fff;
  margin-bottom: 3rem;
}
.wrapper-media {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 999px) {
  #partial-media .clickable-image,
  #partial-contact .clickable-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 700px) {
  #partial-media .clickable-image,
  #partial-contact .clickable-image {
    width: calc(45% - 10px);
    margin: 0 2% 3rem 2%;
  }
  #partial-media .wrapper-media-images {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 850px) {
  #partial-media .clickable-image,
  #partial-contact .clickable-image {
    width: calc(45% - 10px);
  }
}
@media (min-width: 1000px) {
  #partial-media,
  #partial-contact {
    display: flex;
    align-items: center;
  }
  #partial-media .wrapper-media-images,
  #partial-contact .wrapper-media-images,
  #partial-media .wrapper-contact-images,
  #partial-contact .wrapper-contact-images {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
  }
  #partial-media .clickable-image,
  #partial-contact .clickable-image {
    width: calc(40% - 10px);
    height: max-content;
    margin: 0 2rem 2rem 2rem;
  }
}
#partial-media {
  background-color: #ff3cac;
  background-image: linear-gradient(
    225deg,
    #ff3cac 0%,
    #784ba0 50%,
    #2b86c5 100%
  );
}
/* 
    Partial contact
*/
#partial-contact {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  min-height: 100vh;
  background: radial-gradient(circle, #060052 0%, #07022a 100%);
}
#partial-contact h1 {
  margin-top: auto;
}
#partial-contact .wrapper-contact {
  width: 100%;
  max-width: 40rem;
  margin: auto;
}
#partial-contact .joker {
  margin-bottom: 2rem;
}
.cards-support-paragraph,
.lectures-support-paragraph {
  text-align: center !important;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.background-container {
  z-index: 10 !important;
  transform: none !important;
  top: auto !important;
  bottom: 0px !important;
  pointer-events: all !important;
}
@media (min-width: 1000px) {
  .background-container {
    bottom: auto !important;
    top: 0px !important;
  }
}
.menubar {
  width: 100%;
  background: #fff;
}
.menubar .mobile-menubar {
  display: flex;
  flex-direction: column;
  background: #333;
  -webkit-box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.75);
}
.menubar .mobile-menubar .mobile-menubar-options {
  display: flex;
  padding: 0.7rem;
}
.menubar .mobile-menubar .mobile-menubar-options div {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.menubar .mobile-menubar .mobile-menubar-options div span {
  color: white;
  font-size: 0.8em;
}
.menubar .mobile-menubar .mobile-menubar-options div a {
  font-size: 1.3em;
}
.menubar .mobile-menubar .mobile-menubar-options .mobile-menubar-next {
  border-left: 1px solid white;
  padding-left: 1rem;
}
.menubar .mobile-menubar progress {
  border-radius: 0 !important;
  height: 10px !important;
  width: 100% !important;
}
@media (min-width: 1000px) {
  .menubar .mobile-menubar {
    display: none;
  }
}
.menubar .desktop-menubar {
  display: none;
}
@media (min-width: 1000px) {
  .menubar .desktop-menubar {
    display: flex;
    flex-direction: column;
    background-color: #333;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.75);
  }
  .menubar .desktop-menubar a {
    color: #fff;
    display: flex;
    align-items: center;
    height: 2.5rem;
    border-bottom: 5px solid transparent;
  }
  .menubar .desktop-menubar a.past {
    border-bottom: 5px solid #2d3c6a;
  }
  .menubar .desktop-menubar a.active {
    border-bottom: 5px solid #3d60cc;
  }
  .menubar .desktop-menubar a:hover,
  .menubar .desktop-menubar a:active {
    background: #2d3c6a;
    text-decoration: none;
  }
  .menubar .desktop-menubar .desktop-menubar-options {
    display: flex;
    justify-content: center;
  }
  .menubar .desktop-menubar .desktop-menubar-options .desktop-menubar-option {
    padding: 0.5rem 1rem;
  }
}
#partial-personal,
#partial-lectures {
  background-color: #002264;
  background-image: linear-gradient(147deg, #002264 0%, #9ca1b5 74%);
}
#partial-personal ul,
#partial-lectures ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#partial-lectures .joker {
  margin-bottom: 2rem;
}
#partial-personal .wrapper-page-inner,
#partial-lectures .wrapper-page-inner {
  background: white;
  padding: 5% 10%;
}
#partial-personal .wrapper-page,
#partial-lectures .wrapper-page {
  padding-bottom: 2rem;
}
@media (min-width: 700px) {
  #partial-personal .wrapper-page-inner,
  #partial-lectures .wrapper-page-inner {
    margin: 0 5%;
  }
}
@media (min-width: 1200px) {
  #partial-personal .wrapper-page-inner,
  #partial-lectures .wrapper-page-inner {
    margin-left: auto;
    margin-right: auto;
    min-width: 40rem;
    max-width: 50rem;
  }
}
@media (min-width: 1000px) {
  #partial-personal .wrapper-page-inner,
  #partial-lectures .wrapper-page-inner {
    padding: 2.5rem;
  }
  #partial-personal .wrapper-page,
  #partial-lectures .wrapper-page {
    padding-bottom: 4rem;
  }
  #partial-personal p,
  #partial-lectures p {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  #partial-personal .wrapper-page-inner,
  #partial-lectures .wrapper-page-inner {
    padding: 3rem;
  }
  #partial-personal .wrapper-page h1,
  #partial-lectures .wrapper-page h1 {
    margin-top: 3rem;
  }
  #partial-personal p,
  #partial-lectures p {
    margin-bottom: 2rem;
  }
}
.announcement {
  border-radius: 8px;
  color: white;
  background-size: 100% 100%;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  background-image: radial-gradient(
      49% 81% at 45% 47%,
      rgba(157, 80, 4, 0.270588) 0,
      rgba(7, 58, 255, 0) 100%
    ),
    radial-gradient(113% 91% at 17% -2%, #c95011 1%, rgba(220, 78, 78, 0) 99%),
    radial-gradient(142% 91% at 83% 7%, #edd509 1%, rgba(255, 0, 0, 0) 99%),
    radial-gradient(142% 91% at -6% 74%, #a30633 1%, rgba(255, 0, 0, 0) 99%),
    radial-gradient(142% 91% at 111% 84%, #ef710e 0, #ed0707 100%);
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  padding: 2rem;
}
.announcement p {
  margin: 0 !important;
}
.wrapper-lectures-clients {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 2rem;
}

.wrapper-lectures-clients img {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: calc(50% - 20px);
  padding: 10px;
  box-sizing: border-box;
  object-fit: contain;
  height: auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .wrapper-lectures-clients img {
    width: calc(25% - 20px);
  }
}

@media (min-width: 1024px) {
  .wrapper-lectures-clients img {
    width: calc(18% - 20px);
  }
}