/**
* *************************************
* *  _   _                _           *
* * | | | | ___  __ _  __| | ___ _ __ *
* * | |_| |/ _ \/ _` |/ _` |/ _ \ '__|*
* * |  _  |  __/ (_| | (_| |  __/ |   *
* * |_| |_|\___|\__,_|\__,_|\___|_|   *
* *                                   *
* *************************************
*/

#header_center_section {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 50px;
}

.header_h1 {
  font-family: poppins;
  text-align: center;
  font-size: 80px;
  padding-top: 220px;
}

.contact_h1_subheader {
  font-family: meri;
  font-size: 22px;
  text-align: center;
  margin: 0;
  color: #65778c;
}

.contact_spacer-line {
  margin: 50px 0px;
  justify-content: center;
  display: flex;
  width: 100%;
}

.contact_line_80 {
  width: 80%;
  background: linear-gradient(90deg, #33333300, #d6d6d6, #33333300);
  height: 1px;
  margin: 50px auto;
}

@media only screen and (max-width: 1000px) {
  #header_center_section {
      padding: 0 12.5%;
  }

  .header_h1 {
    font-size: 60px;
  }
}

/**
* ****************************************
* *  ____            _           _       *
* * |  _ \ _ __ ___ (_) ___  ___| |_ ___ *
* * | |_) | '__/ _ \| |/ _ \/ __| __/ __|*
* * |  __/| | | (_) | |  __/ (__| |_\__ \*
* * |_|   |_|  \___// |\___|\___|\__|___/*
* *               |__/                   *
* ****************************************
*/
/* Projects */

#projecs_section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    row-gap: 10px;
    grid-auto-rows: 10px;
    padding: 0 50px;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}

.project_cell {
  /* background-color: red; */
  /* aspect-ratio: 570 / 690; */
}

.project_cell:first-of-type {
  /* background-color: blue;
  height: 50px; */
  /* aspect-ratio: 570 / 345; */
}

.first_p_cell {
  background-color: blue;
  aspect-ratio: 570 / 345;
}

.other_p_cell {
  aspect-ratio: 570 / 690;
  background-color: red;
}














.masonry-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 stĺpce */
  grid-auto-flow: dense;                 /* automatické dopĺňanie medzier */
  grid-auto-rows: 10px;
  gap: 40px;
  padding: 0 50px;
  max-width: 1280px;
  margin: 0 auto;
}

.project_cell2 {
  background: #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  font-family: sans-serif;
  font-size: 16px;
}

.project_cell_half {
  background-color: red;
  width: 100%;
  height:
  aspect-ratio: 570 / 345;
}

.project_cell_full {
  background-color: blue;
  width: 100%;
  aspect-ratio: 57 / 69;
}

















/**
*  ____            _   _               _____
* / ___|  ___  ___| |_(_) ___  _ __   |___ /
* \___ \ / _ \/ __| __| |/ _ \| '_ \    |_ \
*  ___) |  __/ (__| |_| | (_) | | | |  ___) |
* |____/ \___|\___|\__|_|\___/|_| |_| |____/
*/
/* SECTION 3 */
video {
    width: 100%;
    height: 100%;
}

#section3 {
  background: white;
  width: 100%;
  display: flex;
  padding-bottom: 80px;
}

.s3_crop_out {
    /* background-color: blue; */
    height: 100%;
    width: 1280px;
    justify-items: anchor-center;
}

.s3_crop_in {
    height: 100%;
    margin: 0 auto;
}

.selected {
    height: calc(50% - 20px);
    font-family: poppins;
}

.port_item {
    background-color: green;
    overflow: hidden;
    height: auto;
    float: left;
    margin: 20px 0px;
    border-radius: 12px;
    position: relative;
    background-color: #fff;
    transition: 0.4s all ease-in-out;
    box-shadow: 0px 1px 20px -10px #adadad !important
}

.port_item:hover {
    transition: 0.4s all ease-in-out;
    transform: translate(0px, -20px);
    scale: 100%;
    box-shadow: 0px 20px 18px -10px #adadad !important;
}

.port_item:nth-child(odd) {}

.port_item:nth-child(even) {
  float: right;
}

.port_item video {
    display: block; /* Zamedzí pridaniu medzery od inline-block správania */
    margin: 0;
    padding: 0;
}

.port_item a {
    text-decoration: none;
    color: inherit;
}

.port_name {
    font-family: poppins;
    margin: 0;
}

.port_quote {
    color: #65778c;
    font-family: meri;
    margin: 5px 0 0;
}

#testimonials {
  font-family: poppins;
}

#testimonial_icon {
    height: 80px;
    width: 80px;
    font-family: poppins;
    font-size: 80px;
    line-height: 40px;
    transform: rotate(180deg);
    color: white;
    background-color: black;
    border-radius: 100%;
    justify-content: center;
    display: grid;
}

blockquote {
    margin: 0;
}

footer {
    color: #65778c;
    font-family: meri;
    margin-top: 10px;
    font-size: 0.9em;
}

/* SECTION 3 - PORT ITEM */
@media screen and (min-width: 650px) {
  #section3 {
      padding-top: 120px;
      align-items: center;
      justify-content: center;
      object-fit: cover !important;
  }

  .s3_crop_in {
      width: calc(100% - 100px);
      background-color: red;
  }

  .selected {
      aspect-ratio: 2 / 1.222; /* Pomery strán: šírka 2 a výška 1 (50 %) */
      width: 50%;
      font-size: 40px;
      line-height: 53.33px;
      float: left;
      align-content: center;
      margin-top: 20px;
  }

  .port_item {
      width: calc(50% - 20px);
  }

  .p_item {
      width: calc(100% - 60px);
      height: 60px;
      padding: 30px;
  }

  .port_name {
      font-size: 24px;
      font-weight: 100;
  }

  .port_quote {
      font-size: 16px;
      font-weight: 100;
  }

  .testimonials_wraper {
    width: calc(50% - 100px);
    margin-left: 20px;
    padding: 50px;
    height: auto;
    float: right;
  }

  #testimonials {
    float: left;
    font-size: 24px;
    line-height: 32px;
  }

  #testimonial_icon {
      float: left;
      margin-left: 21px;
  }

  blockquote {
      padding: 25px 25px 0px 25px;
  }

  footer {
      font-size: 0.9em;
  }
}

@media only screen and (max-width: 650px) {

  .s3_crop_in {
    width: 85%;
  }

  .selected {
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 53.33px;
    padding: 120px 0px;
  }

  .port_item {
    width: 100%;
  }

  .port_item:hover {
    transition: 0.4s all ease-in-out;
    transform: translate(0px, -20px);
    scale: 100%;
    box-shadow: 0px 20px 18px -10px #adadad !important;
  }

  .port_item:nth-child(odd) {}

  .port_item:nth-child(even) {
    float: right;
  }

  /* SECTION 3 - PORT ITEM */

  .p_item {
    width: calc(100% - 60px);
    height: 60px;
    padding: 30px;
  }

  .port_name {
    font-size: 20px;
    font-weight: 100;
  }

  .port_quote {
    font-size: 16px;
    font-weight: 100;
  }

  .testimonial_center {
    display: flex;

  }

  .testimonials_wraper {
    width: 100%;
    height: auto;
    text-align: center;
  }

  #testimonials {
    font-size: 24px;
    line-height: 32px;
  }

  #testimonial_icon {
    margin: 0 auto;
    text-align: center;
  }

  blockquote {
    padding: 25px 0px;
  }

  footer {
    font-size: 0.9em;
  }
}

/* SECTION 3 - UNHIDE */

.port_item.hidden {
  display: none;
}