html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline; }
html {
overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
*,
*:before,
*:after {
box-sizing: border-box; }
body {
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block; }
ol, ul {
list-style: none; }
table { border-collapse: separate;
border-spacing: 0; }
caption, th, td {
font-weight: normal;
text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ""; }
blockquote, q {
quotes: "" ""; }
a:focus {
outline: thin dotted; }
a:hover,
a:active {
outline: 0; }
a img {
border: 0; } h1, h2, h3, h4, h5, h6 {
clear: both; }
p {
margin-bottom: 1em; }
b, strong {
font-weight: bold; }
dfn, cite, em, i {
font-style: italic; }
blockquote {
margin: 0 1em; }
address {
margin: 0 0 1em; }
pre {
background: rgba(0, 0, 0, 0.05);
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 14px;
line-height: 1.5;
margin-bottom: 1em;
max-width: 100%;
overflow: auto;
padding: 15px; }
code, kbd, tt, var {
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help; }
mark, ins {
background: #fff9c0;
text-decoration: none; }
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
bottom: 1ex; }
sub {
top: .5ex; }
small {
font-size: 80%; }
big {
font-size: 120%; } hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1em; }
ul, ol {
list-style-position: outside;
margin: 0 0 1em 1.5em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0; }
dt {
font-weight: bold; }
dd {
margin: 0 1.5em 1em; }
img {
height: auto; max-width: 100%; }
figure {
margin: 0; }
table {
margin: 0 0 1em;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 1px 0 0 1px;
text-align: left; }
th {
font-weight: 500; }
thead th {
background: rgba(0, 0, 0, 0.05); }
th, td {
padding: 5px 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px 0; } label {
font-size: 13px;
cursor: pointer;
display: block; }
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
button,
.button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-style: solid;
border-width: 0px;
cursor: pointer;
margin: 0 0 10px;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
border-radius: 3px;
display: inline-block;
padding: 7px 20px 9px;
background-color: #106177;
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 15px; }
button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #0d4f61;
text-decoration: none; }
button:focus, button:active,
.button:focus,
.button:active,
.wp-block-button__link:focus,
.wp-block-button__link:active,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:focus,
input[type="submit"]:active {
box-shadow: inset 0 2px rgba(0, 0, 0, 0.15);
padding: 8px 20px;
outline: none; }
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea {
-webkit-appearance: none;
background-color: #fff;
font-family: inherit;
border: none;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.025), inset 0 1px 1px rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 15px;
margin: 0 0 1em 0;
padding: 8px;
width: 100%;
border-radius: 3px;
font-size: 16px; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus {
outline: none;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.2); }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[name="post_password"] {
margin-top: .5em; }
textarea {
overflow: auto; vertical-align: top; height: auto;
min-height: 50px; } body.rtl {
direction: rtl;
unicode-bidi: embed; } html {
height: 100%; }
body {
font-family: "Open Sans", sans-serif;
background: #f6f6f6;
color: #555;
font-size: 15px;
line-height: 1.5;
min-height: 100%;
display: flex;
flex-direction: column; }
h1, h2, h3, h4, h5, h6 {
font-family: "Rokkitt", sans-serif;
font-weight: 400;
color: #111;
margin-bottom: .5em; }
h1 {
font-size: 36px; }
h2 {
font-size: 29px; }
h3 {
font-size: 22px; }
h4, h5, h6 {
font-size: 18px; }
a {
color: #106177;
text-decoration: none;
transition: all 0.2s ease;
word-wrap: break-word; }
a:hover, a:focus, a:active {
text-decoration: underline; }
.col-width {
max-width: 980px;
margin: 0 auto; }
.col-width:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ""; }
@media (max-width: 1020px) {
.col-width {
padding: 0 20px; } } #page {
flex: 1 0 auto; }
#main {
padding: 40px 0 20px 0; } #content {
float: left;
position: relative;
width: 70%;
padding: 0 0 4%; } #sidebar {
float: right;
overflow: hidden;
width: 24%; }
#sidebar ul,
#sidebar ol {
margin: 0 0 20px;
list-style: none; } .layout-2cl #content {
float: right; }
.layout-2cl #sidebar {
float: left; }
.layout-1col #content {
width: 100%; }
@media (max-width: 680px) {
#main {
padding-top: 35px; }
#content {
width: 100%;
margin-bottom: 35px;
padding: 0; }
#sidebar {
float: none;
clear: both;
width: 100%; } } #branding {
display: block;
position: relative;
padding: 25px 0;
background: #000; }
#logo {
float: left;
max-width: 100%;
padding-right: 75px;
line-height: 1;
word-wrap: break-word; }
.clear-menu #logo {
padding-right: 0; }
#logo #site-title {
color: #fff;
font-family: "Rokkitt", sans-serif;
margin: 0; }
#logo #site-title a {
color: #fff;
font-size: 44px;
text-decoration: none; }
#logo #site-description {
color: #ddd;
font-size: 16px;
font-style: italic; } .primary-navigation {
display: block;
clear: both;
font-size: 14px; }
.primary-navigation ul {
margin: 0;
list-style: none; }
.primary-navigation li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
word-wrap: break-word; }
.primary-navigation ul ul li {
border-top: none; }
.primary-navigation a {
display: block;
padding: 8px 12px;
color: #fff;
text-decoration: none; }
.primary-navigation ul ul a {
padding: 8px 12px 8px 32px; }
.primary-navigation ul ul a:before {
content: "- "; }
.primary-navigation .nav-menu {
display: none;
padding-top: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .menu-toggle {
position: absolute;
top: 45px;
right: 20px;
margin: 0;
color: #fff;
font-size: 18px;
line-height: 1;
cursor: pointer; }
.menu-toggle:before {
display: inline-block;
margin-right: 10px;
color: #fff;
font: normal 18px/1 PortfolioPressCustom;
vertical-align: text-bottom;
text-decoration: inherit;
content: "\e812";
-webkit-font-smoothing: antialiased; }
.clear-menu .menu-toggle {
position: relative;
top: 10px;
right: auto; }
@media screen and (min-width: 780px) {
.primary-navigation {
float: right;
clear: none;
margin-top: 18px;
padding: 0; }
.clear-menu #branding {
padding: 25px 0 10px; }
.clear-menu .primary-navigation {
float: none;
clear: both;
margin: 0 0 0 -15px;
padding: 15px 0 0; }
.primary-navigation .menu-toggle {
display: none;
padding: 0; }
.primary-navigation .nav-menu {
display: block;
clear: both;
padding-top: 0;
border-bottom: 0; }
.primary-navigation li {
display: inline-block;
position: relative;
border: 0; }
.primary-navigation a {
margin: 0 4px 15px;
padding: 5px 12px; }
.primary-navigation ul li.current-menu-item > a,
.primary-navigation ul > li:hover > a {
border-radius: 2px;
color: #fff;
background: rgba(255, 255, 255, 0.25);
-webkit-transition: 0.07s ease-in;
transition: 0.07s ease-in; }
.primary-navigation ul ul {
display: none;
position: absolute;
z-index: 200;
top: 45px;
left: 0;
width: 200px;
border-radius: 3px;
background: #333;
text-align: center; }
.primary-navigation ul ul:before {
position: absolute;
top: -8px;
left: 50%;
margin-left: -8px;
border-right: 8px solid transparent;
border-bottom: 8px solid #232323;
border-left: 8px solid transparent;
content: " "; }
.primary-navigation ul ul li {
width: 100%;
border-bottom: solid 1px rgba(255, 255, 255, 0.1); }
.primary-navigation ul ul li:last-child {
border-bottom: none; }
.primary-navigation ul ul a {
position: relative;
margin: 0;
padding: 12px 16px;
border-bottom: none;
font-weight: normal; }
.primary-navigation ul ul a:before {
content: ""; }
.primary-navigation .menu-item-has-children > a,
.primary-navigation .page_item_has_children > a {
padding-right: 30px; }
.primary-navigation .menu-item-has-children > a:after,
.primary-navigation .page_item_has_children > a:after {
display: inline-block;
position: absolute;
top: 10px;
right: 15px;
font: normal 13px/1 PortfolioPressCustom;
vertical-align: text-bottom;
content: "\e806";
-webkit-font-smoothing: antialiased; }
.primary-navigation ul li:hover > ul {
display: block; }
.primary-navigation ul ul .menu-item-has-children > a:after,
.primary-navigation ul ul .page_item_has_children > a:after {
top: 50%;
right: 15px;
margin-top: -7px;
content: "\e813"; }
.primary-navigation ul ul ul:before {
content: none; }
.primary-navigation ul ul ul {
top: 0;
left: 200px;
width: 200px; } } #content article {
display: block;
margin-bottom: 30px; }
.entry-utility {
clear: both; }
.sticky { }
.bypostauthor { }
.entry-header {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
box-shadow: 0 1px 0 0 #fff; }
.entry-meta {
display: block;
clear: both;
margin: 0 0 15px 0;
font-size: 13px; }
#content .entry-title {
margin: 0 0 5px;
padding: 0;
text-shadow: 0 1px 1px #fff;
font-size: 34px;
line-height: 1; }
.entry-title a:hover {
color: #000;
text-decoration: none; }
#content p {
margin: 0 0 15px; }
#content blockquote {
color: #444;
margin-bottom: 30px; }
.entry-content blockquote {
font-size: 18px;
font-style: italic; }
.entry-content blockquote cite {
display: block;
margin-top: 5px;
font-size: 14px; }
.entry-content blockquote cite::before {
margin-right: 2px;
content: "\2014"; }
#content .wp-block-pullquote {
margin: 30px 0; }
#content .wp-block-pullquote blockquote {
margin-bottom: 0; }
footer.entry-meta:before {
margin-bottom: 8px; }
footer.entry-meta:after {
margin-top: 8px; }
footer.entry-meta:before,
footer.entry-meta:after {
display: block;
width: 100%;
height: 1px;
background: #ddd;
box-shadow: 0 1px 0 0 #fff;
content: ""; }
.entry-meta-icon {
display: inline-block;
margin-right: 5px;
color: #333;
font-size: 14px; }
.archive-header {
margin-bottom: 30px; }
#content .archive-title {
margin-bottom: 10px;
padding-bottom: 0;
font-size: 34px;
line-height: 48px; }
.archive-meta {
color: #333;
font-family: "Rokkitt", sans-serif;
font-size: 18px; }
#content .archive-meta p {
margin-bottom: 10px; }
.archive-title:after,
.archive-meta:after {
display: block;
width: 100%;
height: 1px;
background: #ddd;
box-shadow: 0 1px 0 0 #fff;
content: ""; } .author-info {
margin-bottom: 30px; }
.author-info:after {
display: block;
width: 100%;
height: 1px;
background: #ddd;
box-shadow: 0 1px 0 0 #fff;
content: ""; }
.author-avatar {
float: left;
margin-right: 20px;
margin-bottom: 10px; }
.author-description {
float: left; }
#content .author-description h3 {
padding-bottom: 10px; } .portfolio-view .hentry {
overflow: hidden;
position: relative; }
.portfolio-view .hentry h3 {
display: none;
position: absolute;
top: 45%;
left: 0;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
pointer-events: none; }
.portfolio-view #content .hentry h3 {
width: 100%;
padding: 0 5%; }
.portfolio-view .hentry:hover h3 {
display: block;
z-index: 1; }
.portfolio-view .hentry a {
color: #fff;
text-decoration: none; }
.portfolio-view .hentry img {
display: block;
width: 100%;
height: auto;
opacity: 1;
transition: opacity 0.3s ease-in-out;
-webkit-filter: none;
-webkit-backface-visibility: hidden; }
.portfolio-view .fallback-thumbnail {
background: #d9d9d9; }
.portfolio-view .hentry:hover {
background: #000; }
.portfolio-view .hentry .thumb:hover img {
opacity: 0.3; }
@media screen and (min-width: 420px) and (max-width: 679px) {
.portfolio-view #content .hentry {
float: left;
width: 49%;
margin: 0 2% 2% 0; }
.portfolio-view .hentry:nth-of-type(odd) {
clear: both; }
.portfolio-view #content .hentry:nth-of-type(2n) {
float: right;
margin-right: 0; } }
@media screen and (min-width: 680px) {
.portfolio-view #content .hentry {
float: left;
width: 32%;
margin: 0 2% 2% 0; }
.portfolio-view #content .hentry:nth-of-type(3n) {
margin-right: 0; } } .full-width-portfolio #content,
.full-width #content {
float: none;
width: auto; }
.portfolio-image {
display: block;
margin-bottom: 15px; } .widget-container {
margin: 0 0 30px 0;
font-size: 14px; }
.widget-container h3 {
margin: 0 0 20px;
padding: 0 0 10px;
border-bottom: 3px solid #ddd;
color: #555;
box-shadow: 0 1px 0 0 #fff;
text-shadow: 0 1px 1px #fff;
font-size: 18px;
text-transform: uppercase; }
.widget-container p {
margin-bottom: 15px;
font-size: 14px; }
.widget-container ul {
clear: both;
padding-left: 0;
list-style: none; }
.widget-container ul li a {
text-decoration: none; }
.widget-container ul li a:hover {
text-decoration: underline; }
.widget-container ul ul {
padding: 0 0 0 15px;
border-top: none; } #wp-calendar {
clear: both;
width: 95%;
margin-bottom: 15px;
padding: 0; }
#wp-calendar caption {
padding: 0 0 10px; }
#wp-calendar th,
#wp-calendar td {
padding: 5px;
background: rgba(0, 0, 0, 0.05);
text-align: center; }
#wp-calendar td {
background: transparent; }
#wp-calendar td,
table#wp-calendar th {
padding: 3px 0; } .widget_search .search-submit {
display: none; } .wp-pagenavi {
clear: both;
padding: 10px 15px;
border: 1px solid #ddd;
border-width: 1px 0 1px;
font-size: 13px; }
.wp-pagenavi .pages {
margin-right: 20px; }
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
display: inline-block;
margin: 0 10px 0 0;
padding: 3px 7px;
border: 1px solid #ddd;
border: 1px solid rgba(0, 0, 0, 0.2); }
.wp-pagenavi .current,
.wp-pagenavi .page:hover {
background: #fff;
background: rgba(255, 255, 255, 0.8); }
.wp-pagenavi .extend {
display: none; }
.wp-pagenavi .first {
margin: 0 10px 0 0; }
#content nav .nav-previous {
float: left;
max-width: 45%; }
#content nav .nav-next {
float: right;
max-width: 45%;
text-align: right; }
#nav-below {
clear: both;
margin: 30px 0;
text-shadow: 0 1px 1px white;
font-family: "Rokkitt", sans-serif;
font-size: 16px; }
.page-link {
margin: 0 0 15px 0; } #comments:before {
display: block;
width: 100%;
height: 1px;
background: #DDD;
box-shadow: 0 1px 0 0 #FFF;
content: "";
margin-bottom: 20px; }
.no-comments {
margin: 0;
text-align: center; }
.comment-content a {
word-wrap: break-word; }
.comment-list {
margin: 0;
list-style: none; }
.comment-list .children {
list-style: none; }
.comments-title {
margin: 0 0 15px; }
.comment.thread-even,
.pingback.thread-even {
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
background: rgba(0, 0, 0, 0.02); }
#comments .comment-body {
margin: 0;
padding: 20px; }
.comment-author {
display: block;
margin-bottom: 5px; }
.comment-author .avatar {
float: left;
margin: 0 15px 5px 0;
vertical-align: middle; }
.trackback .avatar,
.pingback .avatar {
display: none; }
.comment-content {
clear: both;
padding-top: 0.5em; }
.comment-content a {
word-wrap: break-word; }
.comment-metadata {
font-size: 13px; }
.comment .reply {
display: inline-block;
font-size: 13px; }
.comment-list .children {
margin: 0 0 0 60px; }
.comment-list .children .children .children {
margin: 0; }
.children .comment {
border-top: 1px solid #ddd; }
#respond {
margin-top: 20px; }
#respond p {
margin-bottom: 20px; }
#respond label {
margin-bottom: 5px; }
#author, #email, #url {
width: 50%; }
#respond textarea {
display: block;
width: 80%; } #respond .form-allowed-tags {
display: none;
clear: both;
width: 80%; }
#respond .form-allowed-tags {
margin-bottom: 15px; }
#respond .form-allowed-tags code {
font-size: 13px; }
#cancel-comment-reply-link {
text-transform: uppercase;
font-size: 13px; }
@media screen and (max-width: 510px) {
.comment-list .children .children {
margin: 0; }
#author, #email, #url {
width: 100%; }
#respond textarea {
width: 100%; } } #colophon {
display: block;
padding: 30px 0;
border-top: 1px solid #ddd;
background: #fff; }
#footer-widgets {
margin-bottom: 20px;
border-bottom: 1px dotted #ddd; }
#footer-widgets .block {
float: left;
width: 25%;
padding: 0 2% 0 0; }
#footer-widgets .footer-widget-4 {
padding: 0; }
#footer-widgets .widget-container > ul {
margin: 0 0 1.5em; }
#colophon #site-generator p {
color: #333;
font-size: 14px;
font-weight: bold;
margin: 0; }
@media (max-width: 680px) {
#footer-widgets .block {
width: 46%;
padding: 0 4% 0 0; }
#footer-widgets .footer-widget-2 {
padding: 0; } }  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 20px; }
.alignright {
display: inline;
float: right;
margin-left: 20px; }
.aligncenter {
clear: both;
display: block;
margin: 0 auto; }
@media (max-width: 680px) {
.alignwide {
width: calc(100% + 40px);
max-width: calc(100% + 40px);
margin-left: -20px; }
.alignwide figcaption {
padding-left: 20px;
padding-right: 20px; } }
.alignwide img,
.alignfull img {
display: block;
margin: 0 auto; } .entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } embed,
iframe,
object {
max-width: 100%; } .wp-caption {
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
.wp-caption-text {
margin: 10px 0;
font-size: 13px; } .gallery {
margin-bottom: 20px; }
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin-right: 10px; }
.gallery-item img {
width: 100%;
display: block;
margin-bottom: 10px; }
.gallery-columns-1 .gallery-item {
margin-right: 0; }
.gallery-columns-2 .gallery-item {
max-width: calc( 50% - 10px/2); }
.gallery-columns-2 .gallery-item:nth-of-type(2n) {
margin-right: 0; }
.gallery-columns-3 .gallery-item {
max-width: calc( 33.33% - 20px/3); }
.gallery-columns-3 .gallery-item:nth-of-type(3n) {
margin-right: 0; }
.gallery-columns-4 .gallery-item {
max-width: calc( 25% - 30px/4); }
.gallery-columns-4 .gallery-item:nth-of-type(4n) {
margin-right: 0; }
.gallery-columns-5 .gallery-item {
max-width: calc( 20% - 40px/5); }
.gallery-columns-5 .gallery-item:nth-of-type(5n) {
margin-right: 0; }
.gallery-columns-6 .gallery-item {
max-width: calc( 16.66% - 50px/6); }
.gallery-columns-6 .gallery-item:nth-of-type(6n) {
margin-right: 0; }
.gallery-columns-7 .gallery-item {
max-width: calc( 14.28% - 60px/7); }
.gallery-columns-7 .gallery-item:nth-of-type(7n) {
margin-right: 0; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
margin-right: 0; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
margin-right: 0; }
.gallery-caption {
margin: 0 0 10px; }
.wp-block-gallery {
margin: 0 0 30px; } .clear:before,
.clear:after {
content: '';
display: table; }
.clear:after {
clear: both; }
.clearfix:before,
.clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.clearfix {
*zoom: 1; } @media print {
body,
#branding,
#main {
background: none !important; }
#branding {
margin: 0; }
#main {
padding: 15px 0; }
#logo #site-title a,
#logo #site-description {
color: #000; }
#content {
width: auto; }
.entry-content a:after {
content: " [" attr(href) "] "; }
.entry-content .gallery-thumb a:after,
.entry-content .image-wrap a:after {
content: ""; }
#navigation,
#sidebar,
#nav-below,
#comments .reply,
#comments #respond,
#footer-widgets {
display: none; }
#comments {
page-break-before: always; } }