/* so with default settings the print layout approximates a page at~700px */

body {font: 9pt sans-serif;padding:1cm 0 0 0;margin:0;background:white;}

s#content {column-count: 2;-moz-column-count:2; -webkit-column-count:2;column-gap: 2em;}

@page {margin:1.5cm 1.5cm 1cm 1.5cm;}







ul.p li,ol.p li {margin-bottom:1em}

img {max-width:100%}
.news-pic      {clear:both;margin-top:1em;margin-bottom:1em;list-style:none}
.news-pic li,
.news-pic span {display:inline-block;vertical-align:top;font-style:italic;list-style:none;text-align:center;margin-bottom:.3em;margin-left:0;}
.news-pic img  {width:100%;}
.news-pic.x1   span {width:100%;}
.news-pic.x1x2      {float:left;width:49%;margin:0 2% 1em 0}
.news-pic.x2 span {width:49%;}
.news-pic.x3 span {width:32.3%;}
.news-pic.x4 span {width:24.2%;}
.news-pic.x5 span {width:19.1%;} 
.news-pic.x6 span {width:15.9%;}

/* print out the links */
a[href^="http://"]:after, a[href^="https://"]:after, a[href^="ftp://"]:after {content: " (" attr(href) ")";color: blue;font-size: small;font-weight:normal}

section,h1,h2,h3,h4,h5,h6,p,li {page-break-inside: avoid;break-inside: avoid-column}
section,h1,h2,h3,h4,h5,h6      {page-break-after: avoid;column-break-after:avoid;-moz-column-break-after:avoid;-webkit-column-break-after:avoid;}
section,h1                     {-webkit-column-break-before: always;break-before: column;}
#content h1:first-child {page-break-before: avoid;-webkit-column-break-before: avoid;break-before: avoid;}

 
/* This would create an h1 title that spans across the page */
h1,.sidetxt,.collextions {column-span: all; -moz-column-span: all; -webkit-column-span: all;
break-before:column;break-inside: avoid-column;break-after: avoid-column;}



#social-media a {display:block;text-decoration:none;font-weight:bold}

#certificates img {width:15%;height:auto;}
#certificates p {font-size:large;page-break-after:avoid}

#logo {position:absolute;top:0;right:0;}

thead             {display:table-header-group;}
tr,img  {page-break-inside:avoid;}
   img  {max-width:100% !important;}
p,h2,h3 {orphans:3; widows:3;page-break-inside:avoid;column-break-inside:avoid;}
h1,h2,h3,h4,h5,h6 {page-break-after:avoid!important;page-break-inside:avoid;}

#footer {/*position:fixed;bottom:0;left:0;*/width:100%;font-size:7.5pt;overflow:visible;margin-top:3em;border-top:.2mm solid black}
#footer .comment {font-size:6pt;}

.collexions      {position:relative;margin:0 4% 2em 0;display:inline-block;vertical-align:top;width:40%;overflow:hidden}
.collexions,.collexions .pic-alt           {font-size:7.5pt;page-break-after: avoid;column-break-after:avoid;-moz-column-break-after:avoid;-webkit-column-break-after:avoid;break-after: avoid;}
.sidetxt         {display:inline-block;vertical-align:top;width:54%;}
.video+.sidetxt  {display:block;width:auto;}
.gallery .schkaf .sidetxt {display:none}



.columns                 {clear:both;margin:1em 0;list-style:none}
.columns li,.columns div,.column2x,.column3x,.column3x2,.column4x 
{display:inline-block;vertical-align:top;overflow:hidden;list-style:none;margin:0 0 .3em 0;}
.columns span img        {width:100%;}
.columns div p, .columns div ul,.columns div ol,
.columns div h1,.columns div h2,.columns div h3,.columns div h4,
.column2x p,.column3x p     {margin-right:2em;margin-top:12px}
ul.columns,
ul.columns li {display:block;margin-left:0;padding-left:0}
.column2x       {width:49%;}
.column3x       {width:32.3%;}
.column3x2      {width:64.6%;}
.column4x       {width:24.3%;}
ol.column3x     {display:list-item;margin:0;padding-left:1.3em}

.cols p,.cols li,
.cols h1,.cols h2,.cols h3 {break-inside: avoid-column /*kinda ideal*/;page-break-inside:avoid /*FF,works*/}
.cols h1,.cols h2,.cols h3 {-webkit-column-break-before: always; break-before: column;}
.cols>p,.cols>h1,.cols>h2,.cols>h3 {margin-top:0}
.cols.x2 {-webkit-columns: 10px 2;-moz-columns: 10px 2;columns: 10px 2;}
.cols.x3 {-webkit-columns: 10px 3;-moz-columns: 10px 3;columns: 10px 3;}
.cols.x4 {-webkit-columns: 10px 4;-moz-columns: 10px 4;columns: 10px 4;}
.cols.x5 {-webkit-columns: 10px 5;-moz-columns: 10px 5;columns: 10px 5;}
.cols.x6 {-webkit-columns: 10px 6;-moz-columns: 10px 6;columns: 10px 6;}

.button,#main-nav,.numbersNav,.picturesNav,hr,#super-action,#googleplus,#footer>a,#footer .links,input[type="range"],#subheaderNav,
div.testimonial,h2.testimonial,a.testimonial,#showcase,.video,#index #news,#address-block,#content iframe,div.news

{display:none}