@import url(//fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);
/** Rozmiary zdjęć */
/* Sklepowe */
/* Definicja wymiarow dla ukladow
-with-use-left-menu
samo sie uzyje jak jest lewe menu
*/
/* BOKSY */
/* Zminne glowne */
/* MUSI BYC PODZIELNE PRZEZ LICZBE KOLUMN */
/* Wyliczane automatycznie, raczej nie edytowac */
/* BOKSY END */
/** Layouts */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.text-vertical {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-tb;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
.clearAll:before,
.clearAll:after {
  clear: both;
  display: block;
  content: " ";
}
.clearAfter:after {
  clear: both;
  display: block;
  content: " ";
}
*:focus-visible {
  outline: solid 2px #94a3b8 !important;
}
#wcag-link {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 99999999;
  outline: none;
  overflow: visible;
}
#wcag-link > a {
  border: 2px solid #1ca1b6;
  color: #000000;
  padding: 10px 20px;
  background: #FFF;
  outline: none !important;
  position: absolute;
  left: 0px;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  text-decoration: none !important;
}
#wcag-link > a:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}
.zawijaj:not(.in) {
  margin-bottom: 7.5px;
}
/** Globalne */
.layout figure {
  text-align: center;
}
.layout figure figcaption {
  font-size: .8em;
  text-align: center;
  padding: 5px 0px;
  display: block;
}
.layout figure img {
  display: table;
  margin: 0px auto;
}
.layout figure video {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}
.layout .layout-description-footer {
  padding-top: 30px;
}
.layout .layout-description-footer.is-right {
  padding-top: 10px;
  text-align: right;
}
.plik,
.file {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  padding: 15px 80px 15px 50px;
  color: #000000 !important;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none !important;
  background: url('/img/static/types/custom.svg') no-repeat left center;
  background-size: auto 36px !important;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.plik:after,
.file:after {
  content: "POBIERZ";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  border-bottom: 2px solid #1ca1b6;
}
.plik span,
.file span {
  font-size: .9em;
  color: rgba(0, 0, 0, 0.8);
}
.plik:lang(en)::after,
.file:lang(en)::after {
  content: "DOWNLOAD";
}
.plik:hover:after,
.file:hover:after {
  color: #1ca1b6;
}
.plik[href*="pdf"],
.file[href*="pdf"] {
  background: url('/img/static/types/pdf.svg') no-repeat left center;
  background-size: auto 36px !important;
}
.plik[href*="ppt"],
.file[href*="ppt"],
.plik[href*="pptx"],
.file[href*="pptx"],
.plik[href*="odp"],
.file[href*="odp"] {
  background: url('/img/static/types/ppt.svg') no-repeat left center;
  background-size: auto 36px !important;
}
.plik[href*=".doc"],
.file[href*=".doc"],
.plik[href*=".docx"],
.file[href*=".docx"],
.plik[href*=".odt"],
.file[href*=".odt"] {
  background: url('/img/static/types/doc.svg') no-repeat left center;
  background-size: auto 36px !important;
}
.plik[href*="xls"],
.file[href*="xls"],
.plik[href*="xlsx"],
.file[href*="xlsx"],
.plik[href*="ods"],
.file[href*="ods"],
.plik[href*="csv"],
.file[href*="csv"] {
  background: url('/img/static/types/xls.svg') no-repeat left center;
  background-size: auto 36px !important;
}
.plik[href*="zip"],
.file[href*="zip"],
.plik[href*="rar"],
.file[href*="rar"],
.plik[href*="tar"],
.file[href*="tar"],
.plik[href*="gz"],
.file[href*="gz"],
.plik[href*="7z"],
.file[href*="7z"] {
  background: url('/img/static/types/zip.svg') no-repeat left center;
  background-size: auto 36px !important;
}
.plik[href*=".png"],
.file[href*=".png"],
.plik[href*=".jpg"],
.file[href*=".jpg"],
.plik[href*=".gif"],
.file[href*=".gif"],
.plik[href*=".bmp"],
.file[href*=".bmp"],
.plik[href*=".webp"],
.file[href*=".webp"] {
  background: url('/img/static/types/image.svg') no-repeat left center;
  background-size: auto 36px !important;
}
.plik[href*=".mpg"],
.file[href*=".mpg"],
.plik[href*=".mpeg"],
.file[href*=".mpeg"],
.plik[href*=".mp4"],
.file[href*=".mp4"],
.plik[href*=".avi"],
.file[href*=".avi"],
.plik[href*=".webm"],
.file[href*=".webm"],
.plik[href*=".ogg"],
.file[href*=".ogg"],
.plik[href*=".swf"],
.file[href*=".swf"],
.plik[href*=".flv"],
.file[href*=".flv"],
.plik[href*=".wmv"],
.file[href*=".wmv"] {
  background: url('/img/static/types/video.svg') no-repeat left center;
  background-size: auto 36px !important;
}
.plik[href*=".wav"],
.file[href*=".wav"],
.plik[href*=".mp3"],
.file[href*=".mp3"] {
  background: url('/img/static/types/audio.svg') no-repeat left center;
  background-size: auto 36px !important;
}
/** Układ ze zdjęciem - podstawowy */
.layout-image-left.layout-image-right .layout-image,
.layout-image-right.layout-image-right .layout-image {
  float: right;
  margin-left: 30px;
  margin-bottom: 15px;
}
.layout-image-left.layout-image-left .layout-image,
.layout-image-right.layout-image-left .layout-image {
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
}
/** Układ ze zdjęciem i wyśrodkowanym tekstem - podstawowy */
.layout-image-center-left,
.layout-image-center-right {
  margin: 0px -30px;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
@media (max-width: 1200px) {
  .layout-image-center-left,
  .layout-image-center-right {
    margin: 0px -15px;
  }
}
@media (max-width: 991px) {
  .layout-image-center-left,
  .layout-image-center-right {
    display: block !important;
    margin: 0px;
  }
}
.layout-image-center-left .layout-image,
.layout-image-center-right .layout-image {
  padding: 0px 30px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}
@media (max-width: 1200px) {
  .layout-image-center-left .layout-image,
  .layout-image-center-right .layout-image {
    padding: 0px 15px;
  }
}
@media (min-width: 992px) and (max-width: 991px) {
  .layout-image-center-left .layout-image,
  .layout-image-center-right .layout-image {
    max-width: 50%;
  }
}
.layout-image-center-left .layout-image img,
.layout-image-center-right .layout-image img {
  max-width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
@media (max-width: 991px) {
  .layout-image-center-left .layout-image,
  .layout-image-center-right .layout-image {
    padding: 0px;
    margin-bottom: 30px;
  }
  .layout-image-center-left .layout-image .image-figure,
  .layout-image-center-right .layout-image .image-figure {
    min-width: 100% !important;
  }
}
.layout-image-center-left .layout-description,
.layout-image-center-right .layout-description {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
  width: 100%;
  padding: 0px 30px;
}
@media (max-width: 1200px) {
  .layout-image-center-left .layout-description,
  .layout-image-center-right .layout-description {
    padding: 0px 15px;
  }
}
@media (max-width: 991px) {
  .layout-image-center-left .layout-description,
  .layout-image-center-right .layout-description {
    padding: 0px;
  }
  .layout-image-center-left .layout-description + .layout-image,
  .layout-image-center-right .layout-description + .layout-image {
    margin: 30px 0px 0px 0px !important;
  }
}
.layout-image-center-left.layout-image-center-right .layout-image,
.layout-image-center-right.layout-image-center-right .layout-image {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
}
.layout-image-center-left.layout-image-center-right .layout-description,
.layout-image-center-right.layout-image-center-right .layout-description {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}
@media (min-width: 992px) {
  .layout-image-center-left.image-half .layout-image,
  .layout-image-center-right.image-half .layout-image {
    width: 50%;
  }
  .layout-image-center-left.image-half .layout-description,
  .layout-image-center-right.image-half .layout-description {
    width: 50%;
  }
}
.layout-image-center-left.flex-start,
.layout-image-center-right.flex-start {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.layout-image-center {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.layout-image-center .layout-image {
  margin-bottom: 15px;
}
/** Galerie */
.layout-gallery {
  margin: 0px -15px -30px;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: mulitple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .layout-gallery {
    margin: 0px -5px -10px -5px;
  }
}
.layout-gallery > div {
  padding: 0px 15px;
  margin-bottom: 30px;
  width: 50%;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .layout-gallery > div {
    padding: 0px 5px;
    margin-bottom: 10px;
  }
}
.layout-gallery.columns-3 > div {
  width: 33.33333333%;
}
@media ((max-width: 480px)) {
  .layout-gallery.columns-3 > div {
    width: 50%;
  }
}
.layout-gallery.columns-4 > div {
  width: 25%;
}
@media ((max-width: 768px)) {
  .layout-gallery.columns-4 > div {
    width: 33.33333333%;
  }
}
@media ((max-width: 480px)) {
  .layout-gallery.columns-4 > div {
    width: 50%;
  }
}
.layout-faq .layout-description {
  margin-bottom: 30px;
}
.layout-faq .layout-description p:last-child {
  margin-bottom: 0px;
}
.layout-faq .faq-items .faq-item {
  border-bottom: 1px solid #e9e9e9;
}
.layout-faq .faq-items .faq-item .faq-title {
  padding: 15px 30px 15px 0px;
  font-size: 1.3em;
  cursor: pointer;
  position: relative;
}
.layout-faq .faq-items .faq-item .faq-title::after {
  position: absolute;
  right: 0px;
  font-family: 'dms';
  font-style: normal;
  font-weight: normal;
  content: '\0054';
  top: 50%;
  margin-top: -10px;
  font-size: 13px;
}
.layout-faq .faq-items .faq-item .faq-content {
  max-height: 0px;
  overflow: hidden;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.layout-faq .faq-items .faq-item.in .faq-title {
  color: #1ca1b6;
}
.layout-faq .faq-items .faq-item.in .faq-title::after {
  content: '\0057';
}
.layout-faq .faq-items .faq-item.in .faq-content {
  max-height: 1000px;
}
/** Downloads */
.layout-downloads .layout-description {
  margin-bottom: 30px;
}
.layout-downloads .layout-description p:last-child {
  margin-bottom: 0px;
}
.layout-downloads .files .plik:last-child,
.layout-downloads .files .file:last-child {
  border-bottom: 0px;
}
/** Mapa */
.layout-map .layout-description {
  margin-bottom: 30px;
}
.layout-map .layout-description p:last-child {
  margin-bottom: 0px;
}
.layout-map .google-map.is-grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  opacity: 0.6;
  opacity: 0.9 !important;
}
.layout-map .google-map iframe {
  width: 100%;
  height: var(--iframe-height) !important;
  display: block;
}
@media (max-width: 767px) {
  .layout-map .google-map iframe {
    height: 300px !important;
  }
}
.layout-slider .slider-carousel .item {
  display: none;
  margin: 0px auto;
}
.layout-slider .slider-carousel .item:first-child {
  display: block;
}
.layout-box {
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin-bottom: var(--layout-margin-small);
}
.layout-box > div .layout-image {
  margin-bottom: 15px;
}
.layout-box > div .layout-description {
  text-align: center;
}
@font-face {
  font-family: 'dms';
  src: url('/css/fonts/dms.eot');
  src: url('/css/fonts/dms.eot?#iefix') format('embedded-opentype'), url('/css/fonts/dms.woff') format('woff'), url('/css/fonts/dms.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class*='icon-']:before {
  display: inline-block;
  font-family: 'dms';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none !important;
}
.icon-home:before {
  content: '\0041';
}
.icon-key:before {
  content: '\0042';
}
.icon-logout:before {
  content: '\0043';
}
.icon-mail:before {
  content: '\0044';
}
.icon-marker:before {
  content: '\0045';
}
.icon-minus:before {
  content: '\0046';
}
.icon-ok:before {
  content: '\0047';
}
.icon-pack:before {
  content: '\0048';
}
.icon-pen:before {
  content: '\0049';
}
.icon-phone:before {
  content: '\004a';
}
.icon-plus:before {
  content: '\004b';
}
.icon-print:before {
  content: '\004c';
}
.icon-remove:before {
  content: '\004d';
}
.icon-search:before {
  content: '\004e';
}
.icon-star:before {
  content: '\004f';
}
.icon-star-active:before {
  content: '\0050';
}
.icon-trash:before {
  content: '\0051';
}
.icon-user:before {
  content: '\0052';
}
.icon-alert:before {
  content: '\0053';
}
.icon-arrow-down:before {
  content: '\0054';
}
.icon-arrow-left:before {
  content: '\0055';
}
.icon-arrow-right:before {
  content: '\0056';
}
.icon-arrow-up:before {
  content: '\0057';
}
.icon-ask:before {
  content: '\0058';
}
.icon-bag:before {
  content: '\0059';
}
.icon-bag-ok:before {
  content: '\005a';
}
.icon-bell:before {
  content: '\0061';
}
.icon-calendar:before {
  content: '\0062';
}
.icon-cart:before {
  content: '\0063';
}
.icon-cart2:before {
  content: '\0064';
}
.icon-cart-empty:before {
  content: '\0065';
}
.icon-delivery:before {
  content: '\0066';
}
.icon-discount:before {
  content: '\0067';
}
.icon-dots:before {
  content: '\0068';
}
.icon-dots-vertical:before {
  content: '\0069';
}
.icon-favourites:before {
  content: '\006a';
}
.icon-favourites-active:before {
  content: '\006b';
}
.icon-filter:before {
  content: '\006c';
}
.icon-file:before {
  content: '\006d';
}
.icon-flag:before {
  content: '\006e';
}
.icon-flag-in:before {
  content: '\006f';
}
.icon-message:before {
  content: '\0070';
}
.icon-eye:before {
  content: '\0071';
}
.icon-eye-in:before {
  content: '\0072';
}
.icon-link:before {
  content: '\0073';
}
.icon-fly:before {
  content: '\0074';
}
.icon-arrow-button-right:before {
  content: '\0075';
}
.icon-arrow-button-left:before {
  content: '\0076';
}
.icon-alert-error:before {
  content: '\0077';
}
.icon-alert-success:before {
  content: '\0078';
}
.icon-categories:before {
  content: '\0079';
}
.icon-filters:before {
  content: '\007a';
}
/* DMSGALLERY */
#DmsGallery {
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1091;
  position: fixed;
}
#gallery_miniatury {
  display: inline-block;
  width: 500px;
  height: 80px;
  white-space: nowrap;
  overflow: hidden;
}
#gallery_miniatury_right,
#gallery_miniatury_left {
  display: inline-block;
  width: 100px;
  height: 80px;
  cursor: pointer;
  position: relative;
}
#gallery_miniatury_right .icon-container,
#gallery_miniatury_left .icon-container {
  top: 35px;
}
#gallery_miniatury_left .icon-container {
  left: 50px;
}
#gallery_miniatury_right .icon-container {
  right: 50px;
}
#gallery_tlo {
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1090;
  position: fixed;
  background: #000000;
}
#DmsGallery #gallery_miniatury_mag {
  display: none !important;
}
#DmsGallery .icon-container {
  /* Kolor ikon */
  color: #1ca1b6;
  overflow: hidden;
  font-size: 15px;
  padding-top: 1px;
  text-align: center;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 2000;
  /*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*/
  cursor: pointer;
}
#DmsGallery #gallery_close {
  display: none;
  right: 5px;
  top: 5px;
  font-size: 19px;
}
#DmsGallery #gallery_zoom {
  display: none !important;
  right: 5px;
  bottom: 5px;
}
#DmsGallery #gallery_back {
  left: 5px;
}
#DmsGallery #gallery_next {
  right: 5px;
}
#DmsGallery #gallery_back,
#DmsGallery #gallery_next {
  font-size: 30px;
  padding-top: 0px;
  height: 35px;
  width: 35px;
}
#DmsGallery #gallery_inside > div {
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  /*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(255, 255, 255, 0.75);
	box-shadow:         0px 0px 10px rgba(255, 255, 255, 0.75);
	*/
}
#DmsGallery #gallery_miniatury a img {
  cursor: pointer;
  border: solid 1px #000000;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 2px;
}
#DmsGallery #gallery_miniatury a img.active {
  border-color: #ff0000;
}
#DmsGallery #gallery_podpis {
  display: none;
  padding-top: 7px;
  padding-bottom: 6px;
  background: #ffffff;
  color: #000000;
  padding-top: 6px;
  font-size: 13px;
}
#DmsGallery .loading {
  overflow: hidden;
  background: none !important;
  position: absolute;
  z-index: 1992;
  width: 50px;
  height: 50px;
  text-align: center;
}
#DmsGallery .loading img {
  width: 50px !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 1px;
}
#DmsGallery #gallery_caption {
  padding: 3px;
}
#DmsGallery .icon-container {
  color: #1ca1b6;
}
body {
  font-family: "Open Sans", sans-serif;
  background: #ebf3f6;
  color: #000;
  font-size: 15px;
}
.wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 30px 15px;
}
.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4 {
  margin: 0px 0px 15px;
}
.wrapper > div {
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
  background: #FFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.wrapper > div .heading {
  padding: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.wrapper > div .heading .logo {
  width: 150px;
  display: table;
}
.wrapper > div .heading .logo img {
  display: block;
  max-width: 100%;
  height: auto !important;
}
.wrapper > div .description {
  padding: 20px;
}