@charset "UTF-8"; /* blitz — CSS framework for reflowable eBooks Version 0.95 by Jiminy Panoz Codename: Blonde Rock & Roll License: MIT (https://opensource.org/licenses/MIT) */ /* NAMESPACES */ @namespace h "http://www.w3.org/1999/xhtml/"; @namespace epub "http://www.idpg.org/2007/ops"; /* if you need to style epub:type */ @namespace m "http://www.w3.org/1998/Math/MathML/"; /* if you need to style MathML */ @namespace svg "http://www.w3.org/2000/svg"; /* if you need to style SVG */ html { /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */ } /* Begin CSS */ /* Reset */ /* So here's the trick, we must reset to manage a number of problems once and for all: - HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app); - user settings (e.g. line-height on Kobo and Kindle); - CSS bloat (DRY); - KFX for which a reset using `border: 0` seems to disable support; - etc. It all started as a normalize and became a reset given the magnitude of the task. */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; /* RS may apply vertical padding to el such as p */ border: 0; /* Font size in pixel disable the user setting in legacy RMSDK */ line-height: inherit; /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */ vertical-align: baseline; -webkit-hyphens:none; epub-hyphens:none; -moz-hyphens:none; hyphens:none; adobe-hyphenate:none !important; } /* This is absolutely necessary for backwards compatibility */ article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section { display: block; } /* page margins for nook and kobo */ @page { margin: 1.2em; } body { font-size: 100%; text-align: left; margin:0 auto; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } /* Styling is improved to prevent sub from affecting line-height */ .sub { font-size: 75%; line-height: 1.2; vertical-align: sub; /* Fallback */ vertical-align: -15%; } /* Styling is improved to prevent sup from affecting line-height */ .sup { font-size: 75%; line-height: 1.2; vertical-align: super; /* Fallback */ vertical-align: 25%; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-BoldItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Gotham-Book"; src: url(../fonts/Gotham-Book.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Gotham-Book"; src: url(../fonts/Gotham-BookItalic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "Gotham-Bold"; src: url(../fonts/Gotham-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Gotham-Medium"; src: url(../fonts/Gotham-Medium.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Gotham-Medium"; src: url(../fonts/Gotham-MediumItalic.ttf); font-style: italic; font-weight: bold; } h1,h2,h3,h4,h5,h6 { page-break-after: auto; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: auto !important; } .h1 { font-family: "Gotham-Bold", sans-serif; font-size: 200%; line-height: 1em; margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .pub { margin-top: 3em; margin-bottom: 0.3em; text-align: center; } .subt { font-family: "Gotham-Book", sans-serif; font-size: 95%; margin-top: 0em; margin-bottom: 0.3em; color: #aeadad; text-align: center; } .edt { font-family: "Gotham-Book", sans-serif; font-size: 85%; margin-top: 1em; margin-bottom: 0em; text-align: center; color: #aeadad; } .author { font-family: "Gotham-Book", sans-serif; font-size: 85%; margin-top: 0.1em; margin-bottom: 0.1em; color: #4e4d4d; text-align: center; } .toc { font-family: "Gotham-Book", sans-serif; font-size: 95%; margin-top: 0.3em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .toc1 { font-family: "Gotham-Book", sans-serif; font-size: 95%; margin-top: 1.2em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .toc1a { font-family: "Gotham-Book", sans-serif; font-size: 95%; margin-top: 1.2em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .h2 { font-family: "PTsans", sans-serif; font-size: 160%; line-height: 1em; margin-top: 0.1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .h2i { font-family: "Gotham-Book", sans-serif; font-size: 105%; line-height: 1em; margin-top: 0.2em; margin-bottom: 0.1em; margin-right: 0%; text-align: left; } .h2n { font-family: "PTsans", sans-serif; font-size: 110%; line-height: 1em; margin-top: 0.1em; margin-bottom: 1em; text-align: left; text-indent: 0em; } .h2r { font-family: "Gotham-Book", sans-serif; font-size: 105%; line-height: 1em; margin-top: 0.2em; margin-bottom: 0.1em; margin-right: 0%; text-align: right; } .h2f { font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 0.1em; margin-bottom: 1em; text-align: left; text-indent: 0em; } .h3 { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 110%; font-weight: normal; line-height: 1.4; margin-top: 1em; margin-bottom: 2em; text-align: left; text-indent: 0em; } .h3a { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-bottom: 0.1em; border-bottom: solid 0.4em #b5d0e0; } .h3b { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-bottom: 0.1em; border-bottom: solid 0.4em #e7bca1; } .h3c { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-bottom: 0.1em; border-bottom: solid 0.4em #efdaa5; } .h3d { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-bottom: 0.1em; border-bottom: solid 0.4em #eac8d7; } .h3e { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-bottom: 0.1em; border-bottom: solid 0.4em #eeb7a7; } .h3f { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-bottom: 0.1em; border-bottom: solid 0.4em #ccd5b7; } .h3g { page-break-before: always; font-family: "PTsans", sans-serif; font-size: 150%; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-bottom: 0.1em; border-bottom: solid 0.4em #b0cfd1; } .h3n { page-break-after: auto; font-family: "PTsans", sans-serif; font-size: 110%; line-height: 1em; margin-top: 1em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; padding-top: 0.2em; border-top: solid 0.1em #555555; } .h4 { font-family: "PTSans", sans-serif; font-size: 110%; margin-top: 1em; margin-bottom: 0.2em; text-indent: 0em; text-align: left; } .h4i { font-family: "PTSans", sans-serif; font-size: 80%; margin-top: 0.7em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .h4n { font-family: "Gotham-Bold", sans-serif; font-size: 85%; font-weight: bold; line-height: 1em; margin-top: 2em; margin-bottom: 0.1em; text-align: left; text-indent: 0em; } .h4a { font-family: "PTSans", sans-serif; font-size: 100%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; padding-top: 0.2em; border-top: solid 0.5em #b5d0e0; } .h4b { font-family: "PTSans", sans-serif; font-size: 105%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; border-top: solid 0.6em #e7bca1; } .h4c { font-family: "PTSans", sans-serif; font-size: 105%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; border-top: solid 0.6em #efdaa5; } .h4d { font-family: "PTSans", sans-serif; font-size: 105%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; border-top: solid 0.6em #eac8d7; } .h4e { font-family: "PTSans", sans-serif; font-size: 105%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; border-top: solid 0.6em #eeb7a7; } .h4f { font-family: "PTSans", sans-serif; font-size: 105%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; border-top: solid 0.6em #ccd5b7; } .h4g { font-family: "PTSans", sans-serif; font-size: 105%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; border-top: solid 0.6em #b0cfd1; } .ahead { font-family: "PTSans", sans-serif; font-size: 90%; font-weight: bold; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .chead { font-family: "PTSans", sans-serif; font-size: 90%; font-weight: bold; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .stitle1 { font-family: "Gotham-Book", sans-serif; font-size: 130%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; text-align: left; text-indent: 0em; padding-bottom: 0.2em; border-bottom: solid 0.4em #6a7a84; } .stitle2 { font-family: "Gotham-Book", sans-serif; font-size: 130%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; text-align: left; text-indent: 0em; padding-bottom: 0.2em; border-bottom: solid 0.4em #886e5d; } .stitle3 { font-family: "Gotham-Book", sans-serif; font-size: 130%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; text-align: left; text-indent: 0em; padding-bottom: 0.2em; border-bottom: solid 0.4em #8d8060; } .stitle4 { font-family: "Gotham-Book", sans-serif; font-size: 130%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; text-align: left; text-indent: 0em; padding-bottom: 0.2em; border-bottom: solid 0.4em #e1cce4; } .stitle5 { font-family: "Gotham-Book", sans-serif; font-size: 130%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; text-align: left; text-indent: 0em; padding-bottom: 0.2em; border-bottom: solid 0.4em #8d6a61; } .stitle6 { font-family: "Gotham-Book", sans-serif; font-size: 130%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; text-align: left; text-indent: 0em; padding-bottom: 0.2em; border-bottom: solid 0.4em #787d6a; } .stitle7 { font-family: "Gotham-Book", sans-serif; font-size: 130%; line-height: 1em; margin-top: 0.5em; margin-bottom: 1em; text-align: left; text-indent: 0em; padding-bottom: 0.2em; border-bottom: solid 0.4em #67797b; } img { max-width: 100%; } .parab { font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .paralist { font-family: "PTSans", sans-serif; font-size: 75%; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .year { font-family: "PTSans", sans-serif; font-size: 80%; font-weight: bold; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; color: #aeadad; } .noindent { font-size: 100%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindentt { font-size: 100%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .indentt { font-size: 100%; margin-top: 01em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .indent { font-size: 100%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 1.2em; text-align: left; } .glossary { margin-top: 1em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .chapau { font-family: "Gotham-Book", sans-serif; font-size: 105%; margin-top: 0.2em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; color: #979797; } .subhead { font-family: "PTsans", sans-serif; font-size: 125%; margin-top: 0em; margin-bottom: 1.2em; text-indent: 0em; text-align: left; color: #979797; } .caption { font-family: "RotisSansSerif", sans-serif; font-size: 85%; line-height: 1.15em; margin-top: 0.2em; margin-bottom: 1.5em; text-indent: 0em; text-align: left; } .quote { font-family: "PTsans", sans-serif; font-size: 95%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; margin-left: 1.5em; margin-right: 1.5em; text-align: left; } .sidebar { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #000000; color: #b5d0e0; text-align: left; } .sidebar1 { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #0c1a22; color: #a2c9dd; text-align: left; } .sidebar2 { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #1a0600; color: #b28f7a; text-align: left; } .sidebar3 { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #1a1202; color: #b8a87f; text-align: left; } .sidebar4 { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #1d0a12; color: #b598a7; text-align: left; } .sidebar5 { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #1e0301; color: #b98c81; text-align: left; } .sidebar6 { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #0a1309; color: #97a58e; text-align: left; } .sidebar7 { page-break-before: always; font-size: 90%; margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.7em 1em; border: solid #FFFFFF 0.1em; background-color: #011114; color: #81a0a2; text-align: left; } .chapopen1 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #6994a6; color: #000000; border: solid 0.1em #6994a6; } .chapopen2 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #c5a18f; color: #000000; border: solid 0.1em #c5a18f; } .chapopen3 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #ccbe9d; color: #000000; border: solid 0.1em #ccbe9d; } .chapopen4 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #cebdc6; color: #000000; border: solid 0.1em #cebdc6; } .chapopen5 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #c7a495; color: #000000; border: solid 0.1em #c7a495; } .chapopen6 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #b5bfa4; color: #000000; border: solid 0.1em #b5bfa4; } .chapopen7 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #8eaba8; color: #000000; border: solid 0.1em #8eaba8; } .chapopen8 { page-break-inside: auto; margin-top: 30%; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 10% 10% 20% 5%; width: 90%; text-align: center; background-color: #f4f1d0; color: #000000; border: solid 0.1em #f4f1d0; } .res { margin-top: 0em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .res1 { font-size: 100%; margin-top: 0.8em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .rhead { font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 0.8em; margin-bottom: 0em; text-align: left; text-indent: 0em; } .times1 { font-family: "PTSans", sans-serif; margin-top: 1em; margin-bottom: 0em; padding-top: 0.1em; color: #6c8896; font-weight: bold; border-top: solid 0.3em #6c8896; } .times2 { font-family: "PTSans", sans-serif; margin-top: 1em; margin-bottom: 0em; padding-top: 0.1em; color: #846a5a; font-weight: bold; border-top: solid 0.3em #846a5a; } .times3 { font-family: "PTSans", sans-serif; margin-top: 1em; margin-bottom: 0em; padding-top: 0.1em; color: #887d5e; font-weight: bold; border-top: solid 0.3em #887d5e; } .times4 { font-family: "PTSans", sans-serif; margin-top: 1em; margin-bottom: 0em; padding-top: 0.1em; color: #87717d; font-weight: bold; border-top: solid 0.3em #87717d; } .times5 { font-family: "PTSans", sans-serif; margin-top: 1em; margin-bottom: 0em; padding-top: 0.1em; color: #89675f; font-weight: bold; border-top: solid 0.3em #89675f; } .times6 { font-family: "PTSans", sans-serif; margin-top: 1em; margin-bottom: 0em; padding-top: 0.1em; color: #6f7b69; font-weight: bold; border-top: solid 0.3em #6f7b69; } .times7 { font-family: "PTSans", sans-serif; margin-top: 1em; margin-bottom: 0em; padding-top: 0.1em; color: #5e7779; font-weight: bold; border-top: solid 0.3em #5e7779; } .timetxt { margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .right { margin-top: 1em; margin-bottom: 1em; text-align: right; margin-right: 1em; } .imager { margin-top: 1.5em; margin-bottom: 0em; text-align: right; } .copy { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copy1 { font-size: 90%; margin-top: 0.7em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copyc { font-size: 90%; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: center; } .copya { font-size: 80%; margin-top: 0.1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .copyi { font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1em; margin-left: 1em; } .copyib { font-size: 90%; margin-top: 0.1em; margin-bottom: 1em; text-indent: -1em; margin-left: 1em; } .copy2 { font-size: 90%; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: 0em; text-align: left; } .indexmain1 { margin-top: 1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; font-weight: bold; } .indexmain { margin-top: 0em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexsub { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 2.5em; text-align: left; } .big { font-size: 120%; line-height: 1em; } aside { display: block; } .group { page-break-inside: auto; } a { text-decoration: none; } ol { list-style-type:none; margin: 0em; } .hidden { display: none; visibility: hidden; } .f2 { font-size: 65%; } .c1 { color: #aeadad; } .c2 { color: #4e4d4d; } .c3 { color: #979797; font-weight: bold; } /* For Cover Images */ .imagefp { height: 98%; margin: 0em; text-align: center; } .imagefp:only-of-type { height: 98vh; margin: 0em; text-align: center; } .imagefc { width: 100%; } /* For Inline Images */ .in10 { width: 10%; } .in20 { width: 15%; } .in50 { width: 25%; } .in80 { width: 75%; } /* For Float Images */ .ft50 { width: 50%; float: right; padding-left: 0.5em; margin: 0em; } .ft50 img { width: 100%; } .ft40 { width: 35%; float: right; padding-left: 0.5em; margin: 0em; } .ft40 img { width: 100%; } /* For Landscape Images (width or without caption) */ .land85 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land85 img { width: 85%; } .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land100a { margin: 0em; text-align: center; } .land100a img { width: 100%; } .land100i { page-break-before: always; margin: 0em; text-align: center; } .land100i img { width: 100%; } .land75 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land75 img { width: 75%; } .land65 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .land65 img { width: 65%; } /* Portrait Images - width or without Caption */ .portvh80 { margin-top: 1em; margin-bottom: 0em; text-align: center; height: 80%; } .vh80 { height: 80%; } .vh80:only-of-type { height: 80vh; } .portvh98 { margin: 0em; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; }