@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Syne:wght@400..800&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap');

#logo,
.button,
button,
input[type=button],
input[type=submit] {
    letter-spacing: .1em;
    vertical-align: middle;
    text-transform: uppercase
}

#menu,
body.layout-fullscreen-gallery {
    overflow-y: hidden
}

#footer p,
#logo,
#page-excerpt,
.navigation.pagination,
.page-links,
.stickiness,
p.gallery-count {
    text-transform: uppercase;
    font-size: 15px !important;
}

.button,
button,
input,
input[type=submit],
input[type=button],
select,
textarea {
    font-family: sans-serif;
    vertical-align: middle
}

label {
    display: block;
    padding: 8px 0;
    font-size: .8em;
    font-weight: 400
}

label.inline {
    display: inline-block
}

input.input-text,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    outline: 0;
    background: 0 0;
    width: 100%;
    padding: .7em 0;
    -webkit-appearance: none;
    -webkit-focus-ring-color: none;
    border: 0;
    border-bottom: 1px solid #555;
    font-weight: 400;
    font-size: 12pt;
    color: #fff
}

select {
    outline: 0 !important;
    vertical-align: middle;
    background: #141414;
    width: 100%;
    font-size: 1em;
    border: 0;
    border-bottom: 1px solid #ddd;
    height: 36px
}

textarea {
    padding-top: .5em;
    height: 100px
}

input[type=checkbox] {
    width: 16px;
    float: left;
    margin: 0 1em 0 0;
    position: relative;
    top: 10px;
    border: 1px solid #ddd
}

input[type=radio] {
    position: relative;
    bottom: 3px
}

input[type=number] {
    width: 40px;
    margin: 0 8px
}

.button,
button,
input[type=button],
input[type=submit] {
    display: inline-block;
    height: auto;
    padding: 12px 2em 11px;
    font-weight: 400;
    font-size: .8em;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    border: 2px solid;
    border-radius: 20px;
    background: 0 0;
    margin: 0 .5em 10px 0;
    text-decoration: none !important;
    color: #f63a00;
    z-index: 2;
    overflow: hidden;
    position: relative;
    outline: 0;
    -webkit-transition: all .4s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: all .4s cubic-bezier(.7, 0, .3, 1);
    -ms-transition: all .4s cubic-bezier(.7, 0, .3, 1);
    -o-transition: all .4s cubic-bezier(.7, 0, .3, 1);
    transition: all .4s cubic-bezier(.7, 0, .3, 1)
}

#logo a,
#menu>ul li a,
.entry-meta a,
.gallery-count a.nr {
    text-decoration: none
}

#logo a,
#meta-heading h2 strong {
    text-transform: none;
    font-style: italic
}

.button:hover,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    color: initial;
    background-color: #83a5cc4f !important;
    border: 2px solid #fff
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #adc3df
}

body,
html {
    background: #141414
}

input[type=button]:active,
input[type=submit]:active {
    border: 0
}

.about p input[type=submit] {
    height: 34px;
    border-radius: 18px
}

#number-img {
    float: left;
    margin: 0 16px 0 0
}

form#searchbar {
    width: 100%;
    position: relative
}

form#searchbar #searchbar-submit {
    position: absolute;
    right: -10px;
    bottom: 8px;
    background: 0 0;
    border: 0;
    font-size: .9em;
    box-shadow: none;
    padding: 0;
    border-radius: 0
}

form.wpcf7-form p:nth-of-type(1),
form.wpcf7-form p:nth-of-type(2) {
    width: 48%;
    display: inline-block
}

form.wpcf7-form p:nth-of-type(2) {
    position: relative;
    left: 3%
}

html {
    font-size: 62.5%
}

body {
    font-family: sans-serif;
    color: #fff;
    font-size: 1.3rem;
    overflow-x: hidden;
    overflow-y: auto
}

h4 {
    font-weight: 100;
}

#loadscreen {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 777
}

#loader {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: 0 0;
    z-index: 400
}

#loader span {
    position: relative;
    z-index: 999;
    display: block;
    width: 0;
    height: 100%;
    background: #e62600;
    margin: auto;
    -webkit-animation: loadanim 2s linear forwards;
    animation: loadanim 2s linear forwards
}

@-webkit-keyframes loadanim {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes loadanim {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.loadreveal {
    position: fixed;
    width: 20%;
    height: 100vh;
    z-index: 300;
    top: 0;
    background: #fff;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .8s cubic-bezier(.7, 0, .3, 1)
}

.loadreveal:nth-child(1) {
    left: 0
}

.loadreveal:nth-child(2) {
    left: 20%;
    transition-delay: .1s
}

.loadreveal:nth-child(3) {
    left: 40%;
    transition-delay: .2s
}

.loadreveal:nth-child(4) {
    left: 60%;
    transition-delay: .3s
}

.loadreveal:nth-child(5) {
    left: 80%;
    transition-delay: .4s
}

.loadreveal.reveal {
    width: 0;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

#loadcount {
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    bottom: calc(50% + .5em);
    font-size: 3em;
    font-family: "Zain", sans-serif
}

#content {
    width: 100%;
    position: relative;
    z-index: 3;
    font-size: 24px;
    min-height: 100vh;
    -webkit-filter: none;
    transition: .6s;
    transition-delay: .4s
}

.featured-image-header {
    clear: both;
    width: 50%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.entry-content {
    width: 50%;
    float: right;
    padding: 12vh 5% 40px 58px;
    color: #fff !important;
    position: relative;
    z-index: 10
}

p {
  padding: 0 0 1em 0;
    padding-top: 0px;
  padding-top: 0px;
  line-height: 1.6;
  font-weight: 200  !important;
  letter-spacing: 0.02em;
  font-size: 24px  !important;
}

#sidebar {
    width: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 22px;
    text-align: center;
    z-index: 3
}

body.layout-fullscreen-gallery .entry-content {
    padding: 0;
    float: none;
    width: 100%;
    max-width: 9999px
}

body.has-featured-image .entry-content::before,
body.layout-fullscreen-gallery .entry-content::before {
    display: none
}

#header nav,
#logo a,
#menu,
#menu>ul li {
    display: block
}

body.layout-wide .entry-content {
    width: 100%;
    padding: 16vh 58px 40px 64px;
    float: none
}

.entry-content.plural.blog {
    padding-top: 0
}

body.layout-fullscreen-gallery.has-featured-image {
    padding: 0
}

body.layout-fullscreen-gallery.has-featured-image .featured-image-header {
    position: relative;
    width: 100%
}

#header,
#menu {
    position: fixed;
    width: 100%
}

#logo,
#logo img,
#menu::before {
    position: absolute
}

body.layout-wide .featured-image-header {
    width: 100%
}

#content::after,
.wrapper::after {
    content: "";
    display: block;
    clear: both
}

body.admin-bar {
    margin-top: -32px
}

#logo,
#logo a {
    margin: 16px 0 0 40px
}

#header {
    z-index: 150;
  height: 125px;
    transition: 0.44s;
        background: #273859;
}

#logo {
    width: 220px;
    height: auto;
    float: left;
    z-index: 2000;
    font-family: sans-serif;
    font-weight: 800
}

#logo a {
    color: #adc3df;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    white-space: nowrap;
    font-size: 38pt;
    font-family: 'PT Serif', serif;
    font-weight: 600;
    letter-spacing: -1px
}

#menu>ul li a,
#meta-heading h2 strong,
.gallery-caption h2 strong,
h2#page-title {
    font-family: "Zain", sans-serif
}

#tagline {
    font-size: 11pt;
    visibility: hidden
}

#menu {
    top: 0;
    right: 0;
    height: auto;
    opacity: 1;
    z-index: 801;
    -webkit-animation: hideMenu .4s .4s forwards;
    animation: hideMenu .4s .4s forwards
}

@-webkit-keyframes hideMenu {
    0% {
        opacity: 1;
        top: 0
    }
    100% {
        opacity: 0;
        top: -100%
    }
}

@keyframes hideMenu {
    0% {
        opacity: 1;
        top: 0
    }
    100% {
        opacity: 0;
        top: -100%
    }
}

body.reveal-nav #menu {
    -webkit-animation: revealMenu .4s forwards;
    animation: revealMenu .4s forwards;
    height: 100vh;
}

@-webkit-keyframes revealMenu {
    0%,
    100% {
        opacity: 1;
        top: 0
    }
}

@keyframes revealMenu {
    0%,
    100% {
        opacity: 1;
        top: 0
    }
}

#menu::before {
    content: '';
    z-index: 0;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border-radius: 0 0 0 800px;
    background: rgba(5, 25, 47, 0.84);
    transition: all 1s cubic-bezier(.7, 0, .3, 1)
}

#menu>ul li a::before,
.entry-meta p>span::after,
.gallery::after,
ol.comment-list li::after {
    content: ""
}

body.reveal-nav #menu::before {
    width: calc(100% + 800px);
    height: calc(100% + 800px)
}

#menu>ul {
    margin:130px 0 0 90px;
    padding: 0;
    text-align: left;
    font-size: 2.8em;
    width: calc(50% - 120px)
}

#menu>ul li {
    vertical-align: top;
    height: 38px;
}

#menu>ul>li {
    opacity: 0;
    -ms-transform: translateX(-16px);
    -webkit-transform: translateX(-16px);
    transform: translateX(-16px);
    transition: opacity .4s cubic-bezier(.7, 0, .3, 1), transform .3s ease
}

body.reveal-nav #menu>ul>li {
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

body #menu ul>li:nth-child(1) {
    transition-delay: .35s
}

body #menu ul>li:nth-child(2) {
    transition-delay: .3s
}

body #menu ul>li:nth-child(3) {
    transition-delay: .25s
}

body #menu ul>li:nth-child(4) {
    transition-delay: .2s
}

body #menu ul>li:nth-child(5) {
    transition-delay: .15s
}

body #menu ul>li:nth-child(6) {
    transition-delay: .1s
}

body #menu ul>li:nth-child(7) {
    transition-delay: .05s
}

body #menu ul>li:nth-child(8) {
    transition-delay: 0s
}

body.reveal-nav #menu ul>li:nth-child(1) {
    transition-delay: .8s
}

body.reveal-nav #menu ul>li:nth-child(2) {
    transition-delay: .85s
}

body.reveal-nav #menu ul>li:nth-child(3) {
    transition-delay: .9s
}

body.reveal-nav #menu ul>li:nth-child(4) {
    transition-delay: .95s
}

body.reveal-nav #menu ul>li:nth-child(5) {
    transition-delay: 1s
}

body.reveal-nav #menu ul>li:nth-child(6) {
    transition-delay: 1.05s
}

body.reveal-nav #menu ul>li:nth-child(7) {
    transition-delay: 1.1s
}

body.reveal-nav #menu ul>li:nth-child(8) {
    transition-delay: 1.15s
}
body.reveal-nav #menu ul>li:nth-child(9) {
    transition-delay: 1.20s
}

body.reveal-nav #content {
    -webkit-filter: grayscale(1);
    filter: greyscale(1)
}

#menu>ul li a {
display: inline-block;
  color: #fff !important;
  padding: 0;
  line-height: 1.4;
  letter-spacing: 0;
  position: relative;
  z-index: 5;
  font-size: 32px;
  font-weight: 100;
}

#menu>ul ul {
    font-size: 60%;
    padding: 0
}

#menu>ul ul li {
    display: block;
    margin: 0;
    padding: 0
}

#menu>ul li.active-parent ul {
    opacity: 1
}

#menu>ul ul li a {
    padding: 8px 0
}

#menu>ul li a::before {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #fff;
    opacity: 0;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: -1;
    -webkit-transition: opacity .15s cubic-bezier(.7, 0, .3, 1), bottom .2s ease;
    transition: opacity .15s cubic-bezier(.7, 0, .3, 1), bottom .2s ease
}

#menu>ul li a:hover::before {
    opacity: 1;
    bottom: 15%
}

#menu>ul ul ul {
    padding: 7px 0 7px 16px
}

#menu-burger {
  position: absolute;
    width: 120px;
    height: 40px;
    top: 0;
    right: 0;
    margin-top: 36px;
    line-height: 1;
    z-index: 900;
    color: #fff;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    font-weight: 100;
  font-size: 20px;
}

#menu-burger span {
    position: absolute;
width: 60px;
  height: 1px;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: 80px;
    top: 26px;
    transition: .2s ease-in-out
}

#menu-burger:hover span {
    width: 22px !important
}

#menu-burger span:nth-child(2) {
    top: 32px;
    width: 46px
}

#menu-burger span:nth-child(3) {
    top: 38px
}

#menu-burger.ix span:nth-child(2) {
    width: 0%;
    opacity: 0
}

#menu-burger.ix span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 32px
}

#menu-burger.ix span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 32px
}

#menu>ul#about-widgets {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    font-size: 1.4em;
    list-style: none;
    margin: 0;
    padding: 150px 80px 0 2em;
    height: 100vh;
    overflow-y: auto
}

#menu>ul#about-widgets li.widget {
    margin: 0 0 .6em
}

#menu>ul#about-widgets ul {
    font-size: 1em
}

h2#page-title {
    font-size: 24pt;
    letter-spacing: .6em;
    font-weight: 400;
    text-align: center
}

h2#page-title span {
    display: inline-block;
    position: relative;
    padding: 10px 16px 10px 30px;
    border: 3px solid
}

#page-excerpt {
    padding: 0 0 1em
}

article {
    margin: 0
}

article iframe {
    width: 100%
}

.plural.blog .entry-content {
    width: 100%;
    padding: 0;
    padding-top: 125px;
}

.plural.blog article {
    height: 100vh;
    margin: 0
}
 .gallery-caption p.gallery-count {
    display: none;
  }
.plural.blog article .entry-wrapper {
    padding: 11vh 80px 50px
}

.entry-content h2:first-of-type {
    margin: 0 0 8px
}

.entry-featured-image {
    float: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left center;
    height: 100%;
    width: 50%;
    position: relative;
    left: 0;
    top: 0;
    background-attachment: inherit; /*fixed for parallax*/
    margin-right: 5%
}

#meta-heading {
    margin: 0 0 2em;
    position: relative;
    z-index: 1
}

#meta-heading h2 {
    font-size: 14pt
}

#meta-heading h2 strong {
    letter-spacing: .1em
}

.entry-meta {
    font-size: 10pt;
    padding: 1.5em 0 1em
}

.entry-meta p>span {
    line-height: 1;
    font-size: 1.15em;
    color: #fff;
    display: inline-block
}

.entry-meta p>span::after {
    display: inline-block;
    height: 36px;
    width: 1px;
    background: #afb9c4;
    margin: 0 12px 0 36px;
    position: relative;
    top: 2px;
    opacity: .2
}

.entry-meta p>span:last-child::after {
    visibility: hidden
}

.entry-meta strong {
    color: #b7babb;
    font-weight: 400;
    font-size: 10pt
}

.entry-excerpt {
    font-size: 1.15em;
    color: #fff;
    line-height: initial
}

.entry-excerpt p {
    line-height: 1.6
}

.entry-summary p {
    padding-bottom: .5em
}

.entry-summary a {
   font-size: 18px; 
}

.entry-footer {
    clear: both;
    font-size: .9em;
    margin-top: 4em
}

.entry-footer h3 {
    font-size: 14pt
}

.sticky {
    position: relative
}

.stickiness {
    display: inline-block;
    color: #111;
    background: #fff;
    font-weight: 700;
    font-size: 9pt;
    margin: 0 0 1em;
    padding: 0 8px;
    line-height: 1.4;
    letter-spacing: .25em
}

.bypostauthor {
    text-align: left;
    font-weight: 700
}

.navigation.pagination,
.page-links {
    clear: both;
    font-size: 10pt;
    padding: 14px 30px 12px;
    background: #e5e5e5;
    border-radius: 24px;
    display: inline-block;
    margin: 2em 0 0
}

.entry-page-links {
    margin: 0 0 2em
}

.screen-reader-text {
    display: none;
    font-size: 0
}

.post-pagination {
    font-size: 90%
}

.post-pagination>div a {
    display: table;
    height: 100%;
    padding: 0 24px
}

.post-pagination>div a span {
    display: table-cell;
    vertical-align: middle
}

.page-links a,
.page-links span.page-numbers {
    margin: 8px;
    background: 0 0
}

.nav-links span.page-numbers.current,
.page-links span.page-numbers {
    opacity: .5
}

.nav-links a,
.nav-links span {
    padding: 0 .5em
}

#comments {
    clear: both;
    margin: 3em 0 2em
}

ol.comment-list {
    list-style: none;
    padding: 0 0 1em
}

ol.comment-list li {
    padding: 1em 0;
    clear: both
}

ol.comment-list li::after {
    display: block;
    clear: both
}

ol.comment-list li article {
    margin: 0
}

.comment-list img.avatar {
    float: left;
    margin: 0 2em 0 0;
    border-radius: 50%
}

.comment-meta,
.form-allowed-tags,
p.log-in-out {
    font-size: 9pt
}

.comment-meta div {
    display: inline
}

.comment-meta div.comment-metadata {
    float: right
}

.comment-reply-link {
    float: right;
    margin: 1em 0 0
}

.comment-content {
    margin: 10px 0 0 70px;
    border: 1px solid #fff;
    padding: 1em 1.5em 0;
    position: relative
}

.comment-content p {
    padding-bottom: 16px
}

.comment-form-author,
.comment-form-email {
    width: 48%;
    float: left
}

.comment-form-email {
    position: relative;
    left: 4%
}

#respond {
    max-width: 800px;
    margin: 4em 0;
    clear: both
}

.gallery {
    clear: both;
    width: 100%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}

.gallery::after {
    display: block;
    clear: both
}

.gallery-item {
    position: relative;
    display: block;
    width: auto
}

.gallery-icon {
    position: relative;
    z-index: 9;
    opacity: 0
}

.gallery-item.reveal .gallery-icon {
    opacity: 1
}

.gallery-icon a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9
}

.gallery-icon img {
    max-width: 100%;
    height: auto;
    margin: 0 0 -5px;
    min-height: 450px;
  object-fit: cover;
}

.gallery-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
    transition: transform .35s
}

.gallery-caption .entry-summary {
    display: inline-block;
    position: absolute;
    width: 100%;
    bottom: 0;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.7, 0, .3, 1)
}

.gallery-caption h2,
.gallery-caption p {
    padding: 0 0 16px;
    margin: 0;
    font-size: 14pt;
    letter-spacing: 0;
    line-height: 1.5;
    width: 100%
}

.gallery-caption h2 {
font-size: 45px;
  line-height: 1;
  letter-spacing: 2px;
  font-weight: 100;
}

.gallery-caption h2 strong {
    font-weight: 100;
    display: block
}

.gallery-caption h2 span {
    display: block;
    font-size: 30px;
    font-weight: 100;
    margin: 0 0 24px
}

.gallery-caption h2 span::before {
content: '';
  display: block;
  width: 22px;
  height: 1px;
  background: #fff;
  float: left;
  margin: 0px 16px 0 0;
  position: relative;
  top: 7pt;
}

#gallerythumbs li::before,
#gallerythumbs::before {
    content: "";
    position: absolute
}

.blast,
.gallery-caption p.exif>span,
.gallery-count a.nr {
    display: inline-block
}

p.gallery-count {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 96px 80px;
    font-size: 10pt;
    font-weight: 700;
    padding: 0
}

.gallery-caption p.exif {
    padding: 2em 0 0;
    font-size: 12pt;
    margin-bottom: -10px
}

.gallery-caption p.exif strong {
    font-weight: 400;
    padding: 0 0 16px;
    font-size: 10pt
}

.gallery-caption .divider {
    display: inline-block;
    height: 36px;
    width: 1px;
    background: #afb9c4;
    margin: 0 12px 0 36px;
    position: relative;
    top: 2px
}

.gallery-count .divider {
    height: 36px;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    margin: 0 0 0 7px;
    top: 2px
}

.gallery-count a.nr {
    font-size: 18pt;
    position: relative;
    top: -16px;
    color: #f63a00;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation: hideCount .4s forwards;
    -moz-animation: hideCount .4s forwards;
    -o-animation: hideCount .4s forwards;
    animation: hideCount .4s forwards
}

.gallery-item.activeSlide .gallery-count a.nr {
    -webkit-animation: revealCount .6s forwards;
    -moz-animation: revealCount .6s forwards;
    -o-animation: revealCount .6s forwards;
    animation: revealCount .6s forwards
}

.gallery-count a span {
    font-size: .8em;
    padding: 0 8px 0 0
}

@-webkit-keyframes hideCount {
    0% {
        -webkit-transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(0, -40px)
    }
}

@-moz-keyframes hideCount {
    0% {
        -moz-transform: translate(0, 0)
    }
    100% {
        -moz-transform: translate(0, -40px)
    }
}

@-o-keyframes hideCount {
    0% {
        -o-transform: translate(0, 0)
    }
    100% {
        -o-transform: translate(0, -40px)
    }
}

@keyframes hideCount {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(0, -40px)
    }
}

@-webkit-keyframes revealCount {
    0% {
        -webkit-transform: translate(0, 30px)
    }
    100% {
        -webkit-transform: translate(0, 0)
    }
}

@-moz-keyframes revealCount {
    0% {
        -moz-transform: translate(0, 30px)
    }
    100% {
        -moz-transform: translate(0, 0)
    }
}

@-o-keyframes revealCount {
    0% {
        -o-transform: translate(0, 30px)
    }
    100% {
        -o-transform: translate(0, 0)
    }
}

@keyframes revealCount {
    0% {
        transform: translate(0, 30px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.animIn,
.animInFromTop,
.blast {
    opacity: 0
}

.entry-content p {
    line-height: 1;
}

.masonry-gallery.gallery {
    width: 103.9%;
    margin: 0 0 0 -1.3%
}

.masonry-gallery .gallery-item {
    margin: 0 18px 4em 0;
    width: calc(33.33% - 18px)
}

.masonry-gallery .gallery-icon {
    -webkit-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -ms-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -o-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -ms-transform: translateY(36px);
    -webkit-transform: translateY(36px);
    transform: translateY(36px)
}

.masonry-gallery .gallery-item.reveal .gallery-icon {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.masonry-gallery .gallery-icon a::after {
    content: "";
    width: 96%;
    height: 94%;
    margin: 2%;
    position: absolute;
    left: 0;
    border: 1px solid #fff;
    -ms-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 0;
    -ms-transition: all .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-transition: all .3s cubic-bezier(.7, 0, .3, 1);
    transition: all .3s cubic-bezier(.7, 0, .3, 1)
}

.masonry-gallery .gallery-item .gallery-icon:hover a::after {
    opacity: .6;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.masonry-gallery .gallery-item .gallery-icon img {
    -ms-transition: opacity .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-transition: opacity .3s cubic-bezier(.7, 0, .3, 1);
    transition: opacity .3s cubic-bezier(.7, 0, .3, 1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.masonry-gallery .gallery-item:hover .gallery-icon img {
    opacity: .8
}

.masonry-gallery .gallery-caption {
    padding: 30px 0 0 44px;
    margin: 0;
    position: relative
}

.masonry-gallery .gallery-caption .entry-summary {
    position: relative;
    opacity: 1
}

.masonry-gallery .gallery-caption h2 {
    font-size: 16pt;
    margin: 0 0 .5em;
    padding: 0
}

.masonry-gallery .gallery-caption p.description {
    font-size: 12pt
}

.masonry-gallery .gallery-caption p.exif {
    display: none
}

article .masonry-gallery.gallery {
    margin: 0
}

article .masonry-gallery .gallery-item {
    width: calc(100% / 3 - 18px)
}

article .masonry-gallery .gallery-item.col-2 {
    width: calc(50% - 18px)
}

article .masonry-gallery .gallery-caption {
    padding-left: 0
}

.layout-fullscreen-gallery .gallery {
    height: auto;
    margin: 0;
    padding-top: 125px;
}

.layout-fullscreen-gallery .gallery-caption {
    position: fixed;
    z-index: 99;
    pointer-events: auto
}

.layout-fullscreen-gallery .gallery-caption .entry-summary {
    width: 100%;
    bottom: 0;
    padding: 0 64px 80px 220px;
    opacity: 0
}

.layout-fullscreen-gallery .gallery-caption h2 {
    max-width: 600px;
    position: fixed;
  top: 40%; 
    transform: translateY(-50%)
}

@media only screen and (max-width: 480px  ) {
.gallery-caption h2 strong {
  font-size: 19px; 
  background: none !important;
}
.layout-fullscreen-gallery .gallery-icon img
{
    height: 280px !important;
    object-fit: contain;
}
#footer p.copyright {
  float: left;
  display: inline-block;
  padding-right: 1em;
  font-size: 11px !important;
}
}


.layout-fullscreen-gallery .gallery-item.activeSlide .gallery-caption {
    z-index: 200
}

.layout-fullscreen-gallery .gallery-item.activeSlide .gallery-caption .entry-summary {
    opacity: 1
}

.layout-fullscreen-gallery .gallery-item {
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.layout-fullscreen-gallery .gallery-icon,
.layout-fullscreen-gallery .proportional.gallery .gallery-icon {
    width: 100%;
    height: 100%
}

.fullscreen-gallery .gallery-icon a {
    cursor: default
}

.layout-fullscreen-gallery .gallery-icon img {
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0;
    -ms-transform: translateX(-50%) scale(.94);
    -webkit-transform: translateX(-50%) scale(.94);
    transform: translateX(-50%) scale(.94);
    opacity: .2;
    -ms-transition: all .8s cubic-bezier(.7, 0, .3, 1);
    -webkit-transition: all .8s cubic-bezier(.7, 0, .3, 1);
    transition: all .8s cubic-bezier(.7, 0, .3, 1)
}

.layout-fullscreen-gallery .gallery-item.activeSlide .gallery-icon img {
    -ms-transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1
}

.layout-fullscreen-gallery .proportional.gallery .gallery-icon a {
    display: block;
    width: 100%;
    height: 100%
}

.layout-fullscreen-gallery .proportional.gallery .gallery-icon img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 1px;
    height: auto;
    margin: auto;
    padding: 0 12%;
    -ms-transform: scale(.94);
    -webkit-transform: scale(.94);
    transform: scale(.94);
    opacity: .2
}

.layout-fullscreen-gallery .proportional.gallery .larger-height .gallery-icon img {
    min-width: 1px;
    width: auto;
    height: 100%;
    padding: 5% 0;
    opacity: 1
}

.layout-fullscreen-gallery .proportional.gallery .gallery-item.activeSlide .gallery-icon img {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.layout-fullscreen-gallery .proportional.gallery .blurred-background-image {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    background-size: cover;
    opacity: .24;
    z-index: -1;
    -webkit-transition: background .4s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: background .4s cubic-bezier(.7, 0, .3, 1);
    -ms-transition: background .4s cubic-bezier(.7, 0, .3, 1);
    -o-transition: background .4s cubic-bezier(.7, 0, .3, 1);
    transition: background .4s cubic-bezier(.7, 0, .3, 1)
}

#gallerythumbs li a,
#gallerythumbs li::before {
    background: #fff;
    display: block;
    border-radius: 50%
}

#gallerythumbs {
    position: fixed;
    width: auto;
    display: table;
    text-align: center;
    height: 40px;
    right: 64px;
    margin: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 888;
    white-space: nowrap;
    padding: 90px 0 40px
}

#gallerythumbs::before {
    top: 0;
    bottom: 0;
    right: 23px;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, .5) 80%, rgba(255, 255, 255, 0) 100%)
}

#gallerythumbs li {
    display: block;
    margin: 0;
    list-style: none;
    vertical-align: top;
    cursor: pointer;
    padding: 14px 19px;
    position: relative;
    top: -24px;
    opacity: .6;
    z-index: 2;
    transition: opacity .4s cubic-bezier(.7, 0, .3, 1)
}

#gallerythumbs li.activeSlide,
#gallerythumbs li:hover {
    opacity: 1
}

#gallerythumbs li a {
    height: 8px;
    width: 8px;
    position: relative;
    z-index: 3
}

#gallerythumbs li::before {
    z-index: 1;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform .4s cubic-bezier(.7, 0, .3, 1)
}

#gallerythumbs li.activeSlide::before,
#gallerythumbs li:hover::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#gallerythumbs li img {
    width: 60px;
    max-width: 60px;
    height: 60px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: -27px;
    left: -72px;
    border-radius: 50%;
    border: 2px solid #fff;
    transform: scale(.3);
    transition: transform .3s, opacity .15s .2s;
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

#gallerythumbs li:hover img {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .2s, opacity .4s
}

#gallerythumbs.hide,
.gallery-caption.hide {
    display: none
}

iframe#okplayer {
    min-width: 100%;
    min-height: 100%
}

body.layout-fullscreen-gallery #content iframe {
    width: 100%;
    height: 100vh;
    margin: 0 0 -2em
}

body.layout-fullscreen-gallery .wp-video {
    min-width: 100% !important;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1
}

body.layout-fullscreen-gallery .wp-video video {
    min-width: 100%;
    width: auto;
    height: 100vh
}

.mejs-controls {
    display: none !important
}

body.layout-fullscreen-gallery-video .featured-image-header img {
    display: none
}

.horizontal-gallery-description {
    width: 46%;
    position: fixed;
    bottom: 12vh;
    padding: 64px;
    text-align: right;
    z-index: 1;
    opacity: 1
}

.horizontal-gallery.gallery {
    height: 71vh;
    width: auto;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-left: 50%;
    margin-right: -58px;
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    flex-flow: row;
    position: relative;
    z-index: 2
}

.horizontal-gallery-count .gallery-count {
    margin: 48px 80px
}

.horizontal-gallery .gallery-item {
    display: flex;
    flex-shrink: 0;
    white-space: normal;
    min-height: min-content;
    height: 100%;
    width: auto;
    margin: 0 16px
}

.mfp-container button.mfp-arrow-left::after,
.mfp-container button.mfp-arrow-left::before,
.mfp-container button.mfp-arrow-right::after,
.mfp-container button.mfp-arrow-right::before {
    display: none
}

.horizontal-gallery .gallery-icon {
    height: 100%;
    -webkit-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -ms-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -o-transition: all .6s cubic-bezier(.7, 0, .3, 1);
    transition: all .6s cubic-bezier(.7, 0, .3, 1);
    -webkit-transform: translateX(36px);
    -ms-transform: translateX(36px);
    transform: translateX(36px)
}

.horizontal-gallery .gallery-icon a {
    cursor: default
}

.horizontal-gallery .gallery-item.reveal .gallery-icon {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.horizontal-gallery .gallery-icon img {
    max-width: 9999px;
    height: 100%;
    width: auto;
    margin: 0 0 -5px
}

.horizontal-gallery .gallery-caption .entry-summary {
    padding: 0 64px 86px 68px
}

body.mfp-zoom-out-cur #content,
body.mfp-zoom-out-cur #header,
body.mfp-zoom-out-cur #sidebar {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px)
}

.mfp-bg {
    background: #141414;
    opacity: .7
}

.mfp-figure:after {
    box-shadow: none;
    border: 8px solid rgba(255, 255, 255, .8)
}

img.mfp-img {
    padding: 0
}

.mfp-counter {
    background: #141414;
    padding: .5em 1em;
    margin-right: -10px;
    -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    -moz-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    -o-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    -ms-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%)
}

.mfp-container button {
    box-shadow: none;
    background: 0 0;
    border: 0 !important;
    padding: 0 64px
}

.mfp-container button.mfp-arrow-left,
.mfp-container button.mfp-arrow-right {
    background: url(../images/right-arrow.png) center center no-repeat;
    filter: invert(100%);
}

.mfp-container button.mfp-arrow-left {
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph
}

.post-password-form {
    display: inline-block;
    padding: 2em 2em 2em 3em;
    background: #f63a00;
    border-radius: 60px;
    margin: 0 0 30vh 30px;
    position: relative
}

.a404,
.post-password-form p {
    padding: 0
}

.post-password-form label {
    display: inline
}

.post-password-form label input {
    width: 300px;
    margin: 0 1em
}

.post-password-form input[type=submit] {
    display: inline;
    color: #fff;
    border-color: #fff;
    margin: 0
}

.post-password-form input[type=submit]:hover {
    color: #141414
}

.post-password-form::before {
    position: absolute;
    left: -30px;
    top: 25px;
    display: block;
    font-weight: 400;
    content: "\2605";
    font-size: 1.3em;
    width: 60px;
    height: 60px;
    line-height: 64px;
    background: #222;
    border-radius: 30px;
    text-align: center
}

.mejs-container,
.mejs-embed,
.mejs-embed body {
    background: 0 0 !important
}

.mejs-container .mejs-controls {
    bottom: -10px !important
}

.prettyprint.highlight {
    background: #DFE3E4
}

.a404 {
    font-size: 72pt;
    line-height: 1.1 !important
}

.column-grid-5 .column-span-1 p {
    line-height: 1.4
}

#footer {
    width: 100%;
    height: 80px;
    position: fixed;
    bottom: 0;
    text-align: right;
    padding: 28px 64px 24px 120px;
    z-index: 100;
    font-size: 8pt;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    color: #adc3df
}

body.layout-wide #footer {
    position: relative;
    display: none
}

#footer p {
    vertical-align: bottom;
    padding-bottom: 0;
    letter-spacing: .36em
}

#footer p.copyright {
    float: left;
    display: inline-block;
    padding-right: 1em;
    font-size: 15px;
}

@media screen and (max-width:1024px) {
    #menu,
    body.layout-fullscreen-gallery {
        overflow-y: auto
    }
    #gallerythumbs,
    #loadscreen,
    .entry-count,
    .gallery-caption p.exif,
    .loadreveal,
    .scrolldown {
        display: none
    }
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden
    }
    .entry-featured-image {
        float: left;
        height: 100%;
        width: 53%;
        background-repeat: no-repeat;
        background-position: 31%;
        background-attachment: scroll;
        background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover
    }
    .featured-image-header {
        width: 35%
    }
    .entry-content {
        width: 65%
    }
    .gallery-caption p.gallery-count,
    .layout-fullscreen-gallery .gallery-caption {
        position: absolute;
        height: 170px;
    }
    .gallery-icon img {
  padding-bottom: 30px;
}
    .gallery-item .gallery-count a.nr {
        -webkit-animation: none;
        animation: none
    }
    .animIn,
    .animInFromTop,
    .entry-summary,
    .plural.blog article .entry-featured-image,
    .plural.blog article .entry-summary p,
    .plural.blog article h2 {
        opacity: 1 !important;
        color: #adc3df;
        width: 98%;
    margin: 15px auto;
    margin-top: 0px;
    }
    .animIn {
        color: #adc3df
    }
    .layout-fullscreen-gallery .gallery-icon,
    .layout-fullscreen-gallery .gallery-item {
        height: auto;
        width: 100%
    }
    .layout-fullscreen-gallery .gallery-icon img,
    .layout-fullscreen-gallery .proportional.gallery .gallery-icon img {
        position: static;
        top: 0;
        left: 0;
        width: 100% !important;
        min-width: 100%;
        min-height: 1px;
        margin-bottom: -4px;
        padding: 0 !important;
        opacity: 1;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important
    }
    body.layout-fullscreen-gallery.has-featured-image .featured-image-header,
    body.layout-fullscreen-gallery.has-featured-image .featured-image-header .gallery-item {
        height: 100%
    }
    body.has-featured-image .featured-image-header .gallery-icon {
        height: 70%
    }
    .layout-fullscreen-gallery .gallery-caption h2 {
        position: relative;
        top: 0;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .gallery-albums {
        margin-left: 32px
    }
    body.layout-fullscreen-gallery.has-featured-image .featured-image-header .gallery-icon img,
    body.layout-wide.has-featured-image .featured-image-header .gallery-icon img {
        max-width: 9999px;
        height: 100vh;
        width: auto;
        position: relative;
        -ms-transform: translateX(-50%) !important;
        -webkit-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        left: 50%
    }
    .masonry-gallery.gallery {
      width: 100% !important;
    margin: 0 0 0 0% !important;
    }
    .masonry-gallery .gallery-item {
        width: calc(50% - 18px) !important
    }
    .masonry-gallery .gallery-icon {
        opacity: 1
    }
    .horizontal-gallery-description {
        position: static;
        width: 100%;
        padding: 64px 0 0
    }
    .horizontal-gallery.gallery {
        height: auto;
        padding-left: 0;
        margin-right: 0;
        display: block;
        overflow-x: hidden
    }
    .horizontal-gallery .gallery-icon img {
        width: 100%;
        height: auto
    }
    .horizontal-gallery .gallery-caption .entry-summary {
        opacity: 0 !important
    }
    .horizontal-gallery-count,
    .horizontal-gallery-count p.gallery-count {
        position: static;
        margin: 0 0 8px;
        float: right
    }
    #content {
        font-size: 1.1em
    }
    h2 {
        font-size: 22pt
    }
    .size-xl,
    big {
        font-size: 24pt
    }
    .size-l {
        font-size: 18pt
    }
    .size-m {
        font-size: 14pt
    }
    .note {
        font-size: 10pt
    }
    .gallery-caption h2,
    .gallery-caption p {
        font-size: 12pt
    }
    .masonry-gallery .gallery-caption p.description {
        font-size: 1em
    }
    .gallery-caption h2 {
        font-size: 18pt
    }
}

@media screen and (max-width:740px) {
    #menu {
        overflow-y: auto
    }
    #menu>ul {
        width: 100%;
        margin: 70px 24px
    }
    #menu>ul#about-widgets {
        position: relative;
        width: 100%;
        padding: 24px;
        margin: 0;
        height: auto;
       min-height: 400px;
    }
    .plural.blog article .entry-featured-image,
    .plural.blog article .entry-summary p,
    .plural.blog article h2 {
        opacity: 1 !important;
        color: #adc3df
    }
    .featured-image-header {
        position: relative;
        width: 100%;
        height: 320px;
        float: none
    }
    .entry-content {
        width: 100%;
        float: none;
        min-width: 320px
    }
    .entry-featured-image {
        height: 580px;
        margin-right: 0;
        width: 100%;
        float: none;
        background-size: cover;
        background-attachment: scroll
    }
    .plural.blog article .entry-wrapper {
        padding: 4px 0 0 10px
    }
    .plural.blog .featured-image-header {
        display: none
    }
    .plural.blog article {
        height: 270vh;
        margin: 0
    }
    #footer {
        padding: 24px;
        position: relative;
        height: auto
    }
    .masonry-gallery .gallery-item {
        width: 100% !important;
        margin-right: 0
    }
    .cls1 {
        width: 55% !important;
        margin: 0 -8px 1em -60px !important;
        max-width: 190px !important
    }
    .chefimage {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .entry-content p a {
        color: #adc3df
    }
    .cls2 {
        margin-top: 80px !important
    }
    body.layout-fullscreen-gallery #content iframe {
        display: block;
        width: 100%
    }
    body.layout-fullscreen-gallery .wp-video {
        height: auto;
        position: relative;
        margin: 0 0 2em
    }
}

ul, ol {
  padding: 0 0 0px 17px;
  line-height: 1.6;
  list-style: disc;
  font-weight: 100;
}
@media screen and (max-width:480px),
screen and (max-height:480px) {
    #logo {
        margin: 0;
        width: 35%
    }
    #logo a {
        margin: 16px 0 0;
        font-size: 28pt
    }
    .entry-content p {
        line-height: 1.24
    }
    .gallery  p {
    line-height: 1.24;
    font-size: 18px !important;
  }
  #header:hover {
  z-index: 150;
  background: #273859e5;
  height: 85px;
}
#header {
  height: 85px;
}
.gallery-caption h2 span {
  display: block;
  font-size: 30px;
  font-weight: 100;
  margin: 0 0 4px;
}
    #logo img {
      width: 190px;
    left: 15px;
    }
    .plural.blog article .entry-featured-image
   {
   opacity: 1 !important;
    color: #adc3df;
    width: 100vw;
    height: 300px;
    background-size: contain;
  }

    #menu-burger {
     margin-top: 12px;
    font-size: 17px;
    padding-left: 40px;
    }
    #menu-burger span {
        right: 36px
    }
    .entry-content,
    body.layout-wide .entry-content {
        padding: 12vh 5% 40px 24px
    }
    body.has-featured-image #footer {
        padding: 24px;
        height: 60px
    }
    .masonry-gallery .gallery-item {
        width: 98%
    }
    .featured-image-header .gallery-caption p.description {
        position: static;
        padding-bottom: 36px
    }
    .layout-fullscreen-gallery .gallery-caption,
    .layout-fullscreen-gallery .gallery-caption h2 {
        position: relative;
        top: 0;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
    .layout-fullscreen-gallery .gallery-caption .entry-summary {
        position: static;
        padding: 24px
    }
    .gallery-caption p.gallery-count {
        position: relative;
        float: right;
       margin: -50px 14px 24px;
    }
    .horizontal-gallery .gallery-item {
        margin: 0
    }
    #content,
    h4,
    h5,
    h6 {
        font-size: 24px;
    }
    .size-xl,
    big,
    h2 {
        font-size: 33px;
    }
    h3 {
        font-size: 12pt
    }
    .size-l {
        font-size: 14pt
    }
    .size-m {
        font-size: 12pt
    }
    .masonry-gallery .gallery-caption p.description {
        font-size: 1em
    }
    .gallery-caption h2 {
        font-size: 16pt
    }
    .gallery-caption p {
        font-size: 10pt
    }
    .column-grid .column {
        float: none;
        width: 100%
    }
    .entry-meta p>span::after {
        margin: 0 12px
    }
    a.gallery-heart {
        display: block
    }
    .plural.blog article {
        height: auto;
        margin: 0
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape) {
    .plural.blog article {
        height: 320vh;
        margin: 0
    }
}

@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation :landscape) {
    .plural.blog article {
        height: 320vh;
        margin: 0
    }
}