/****************** SETUP ********************/
* {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #000;
  background: #fff;
  text-align: justify;
  max-width: 100%;
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
  /*opacity: 0;*/
}
a {
  color: #000;
  text-decoration: none;
}
p {
  width: 100%;
  text-align: justify;
}
nav ul {
  list-style: none;
}
strong {
  font-weight: bold;
}
.clr::after {
  clear: both;
}
/* TOP */
header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #fff;
}
header #logotyp {
  padding: 50px 80px;
}
/*header nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header nav a {
  padding: 0 35px;
  font-size: 18px;
}
header nav a:hover {
  font-weight: 600;
}
header nav a img {
  height: 60px;
}
header nav a:last-child {
  padding: 0 50px;
  border-left: 1px #cecece solid;
}*/

#menuToggle
{
  display: block;
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 10;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  font-weight: 600;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 11; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}
#menu
{
  position: absolute;
  width: 300px;
  margin:-100px 0 0 100px;
  padding: 50px;
  padding-top: 125px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: none;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}
#menuToggle input:checked ~ ul
{
  transform: translate(-100%, 0);;;
}



/* BODY */
#main_img {
  width: 100%;
  position: relative;
  max-height: 90vh;
  overflow: hidden;
}
#main_img img {
  width: 100%;
  height: auto;
}
#main_img #text_box {
  position: absolute;
  top: 40%;
  left: 10%;
  width: 30vw;
  font-size: 28px;
  color: #fff;
}
#main_img #text_box #text_box_name {
  font-size: 140px;
  font-weight: 900;
  line-height: 150px;
}
}
#main_img #text_box #text_box_name::first-line {
  font-size: 100px;
}
#main_img #text_box #text_box_desc {
  text-transform: uppercase;
  padding-top: 20px;
  font-size: 35px;
  position: relative;
}
#main_img #text_box #text_box_desc{
  text-align: left;
}
#main_img #text_box #text_box_desc::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 80px;
  height: 10px;
  background: #fff;
}
#content_main{
  width: 90%;
  max-width: 1600px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  margin-top: -50px;
  position: relative;
  z-index: 5;
  background-size: 120% auto;
}
#content_main #content_main_left {
  width: calc(33.33% - 5px);
  display: flex;
  flex-direction: column;
}
#content_main #content_main_left a {
  height: 150px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 63px;
  background: no-repeat center center #fff;
  margin-bottom: 5px;
  box-sizing: border-box;
  transition: padding-top 0.2s, font-weight 0.2s, color 0.2s;
  text-transform: uppercase;
  font-size: 24px;
  border: 1px #cecece solid;
}
#content_main #content_main_left a:hover {
  background: url(images/button_bg.png) no-repeat center center #303030;
  font-weight: 600;
  color: #fff;
  padding-top: 50px;
}
#content_main #content_main_left a:last-child {
  margin-bottom: 0px;
}
#content_main #content_main_right {
  width: 66.66%;
  height: 770px;
  overflow: hidden;
}
#content_main #content_main_right #content_main_right_img {
  width: 100%;
  height: 100%;
  background: #cecece;
}
#content_main #content_main_right #content_main_right_img img {
  width: 100%;
}
#content_main #content_main_right #content_main_right_top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#content_main #content_main_right #content_main_right_top a {
  height: 150px;
  width: calc(50% - 2.5px);
  display: flex;
  justify-content: center;
  padding-top: 63px;
  background: no-repeat center center #fff;
  margin-bottom: 5px;
  box-sizing: border-box;
  transition: padding-top 0.2s, font-weight 0.2s, color 0.2s;
  text-transform: uppercase;
  font-size: 24px;
  border: 1px #cecece solid;
}
#content_main #content_main_right #content_main_right_top a:hover {
  background: url(images/button_bg.png) no-repeat center center #303030;
  font-weight: 600;
  color: #fff;
  padding-top: 50px;
}
      #content_page {
        width: 90%;
        max-width: 1600px;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 5;
        padding: 100px 0 200px;
      }
      #content_page_title{
        padding-bottom:100px;
      }
      #content_page_title h1{
        font-size: 100px;
        font-weight: 900;
        position: relative;
        color: #303030;
        text-transform: uppercase;
      }
      #content_page_title h1::after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 150px;
        height: 10px;
        background: #303030;
      }
      .content_page_desc {
        font-size: 18px;
        line-height: 32px;
      }
      .content_page_desc ul {
        padding: 20px;
      }
      .content_page_desc ul li{
        padding: 5px 0;
      }
      .content_page_desc p {
        padding-bottom: 20px;
      }

      .content_page_gallery {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: stretch;
      }
      .content_page_gallery a {
        width: calc(33.33% - 40px);
        min-width: 300px;
        margin: 5px 20px 40px;
        box-sizing: border-box;
        position: relative;
        flex-grow: 1;
        max-width: calc(33.33% - 40px);
      }
      .content_page_gallery .gallery_img{
        height: 300px;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 2px #303030 solid;
      }
      .content_page_gallery .gallery_img img {
        min-width: 100%;
        width: auto;
        height: auto;
      }
      .content_page_gallery .gallery_title {
        font-weight: 900;
        font-size: 24px;
        color: #303030;
        padding: 10px 0;
      }

#invite_box {
  margin-top: -50px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #303030;
}
#invite_box #invite_content {
  max-width: 1366px;
  background: url(images/malgorzata_albin_kontakt.png) bottom right no-repeat #303030;
  padding: 200px 0 100px;
  width: 100%;
}
#invite_box #invite_content p {
  font-weight: 900;
  font-size: 30px;
  color: #fff;
}
#invite_box #invite_content p::first-line {
  font-size: 40px;
}
#invite_box #invite_content a {
  padding: 15px 30px;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}
/* FOOTER */
footer {
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 20px;
  box-sizing: border-box;
  width: 100%;
  max-width: 1880px;
}
footer nav {
  padding-bottom: 20px;
}
footer #realizacja a {
  font-weight: bold;
}
footer nav a {
  padding: 0 20px;
}
footer nav a:hover {
  font-weight: bold;
}
footer a,
footer p {
  color: #303030;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 20px;
}
footer nav a:last-child {display: none;}
/* RESPONSIVE SETTINGS */
	@media all and (max-width:2400px) {
      #main_img #text_box #text_box_name {font-size: 150px;line-height: 130px;}
      #main_img #text_box #text_box_name::first-line {font-size: 120px;}
  }

	@media all and (max-width:2200px) {
      header nav a {padding: 0 24px;font-size: 17px;}
  }

	@media all and (max-width:1900px) {
      #main_img #text_box #text_box_name {font-size: 120px;line-height: 110px;}
      #main_img #text_box #text_box_name::first-line {font-size: 100px;}
      #main_img #text_box #text_box_desc{font-size: 25px;}
      header nav a {padding: 0 20px;font-size: 16px;letter-spacing: -1px;}
  }

  @media all and (max-width:1600px) {
      #main_img #text_box #text_box_name {font-size: 80px;line-height: 80px;}
      #main_img #text_box #text_box_name::first-line {font-size: 70px;}
      #main_img #text_box #text_box_desc{font-size: 20px;min-width: 520px;}
      #main_img #text_box {left: 5%;}
      header nav a {padding: 0 20px;font-size: 16px;letter-spacing: -1px;}
      content_page_gallery a {width: 50%;}
      .content_page_gallery a {max-width: calc(50% - 40px);}
  }

	@media all and (max-width:1000px) {
      #main_img #text_box #text_box_name {font-size: 50px;line-height: 50px;}
      #main_img #text_box #text_box_name::first-line {font-size: 40px;}
      #main_img #text_box #text_box_desc{font-size: 18px;}
      #main_img #text_box {left: 5%;top: 20%;}
      header nav a {padding: 0 20px;font-size: 16px;letter-spacing: -1px;}
      content_page_gallery a {flex-grow: 1;}
      #menu a li  {padding: 20px 0 !important;}
  }

	@media all and (max-width:750px) {
    #main_img #text_box {display: none;}
      header {flex-direction: column;}
      header nav {display: none;}
      #content_main, #content_main #content_main_right #content_main_right_top {flex-direction: column;}
      #content_main #content_main_right #content_main_right_top {margin-top: 5px;}
      #content_main #content_main_left, #content_main #content_main_right, #content_main #content_main_right #content_main_right_top a {width: 100%;}
      #invite_box #invite_content p{padding: 0px 5%;}
      footer nav {display: none;}
      footer {flex-direction: column;justify-content: center;text-align: center;}
      footer p {text-align: center;padding: 15px 0 0 10px;}
      .content_page_gallery a {max-width: calc(100% - 40px);}
  }

    @media all and (max-width:450px) {
      header #logotyp {  padding: 50px 5%;}
      header {justify-content: flex-start;align-items: flex-start;}
    }


  @media all and (max-width:400px) {
     #invite_box #invite_content a {font-size: 14px;line-height: 50px;}
  }


  /*@media all and (max-width:940px) {
    .box-search {
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
  }
  @media all and (max-width:799px) {
    .box-search section:nth-child(2){
      flex-direction: column;
      justify-content: flex-start;
    }
  }*/
/*************** THE END ********************/