@font-face { font-family: "Roboto"; src: url(../fonts/Roboto-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Roboto"; src: url(../fonts/Roboto-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "Roboto"; src: url(../fonts/Roboto-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "RobotoCondensed"; src: url(../fonts/RobotoCondensed-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "RobotoCondensed"; src: url(../fonts/RobotoCondensed-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "AnonymousPro"; src: url(../fonts/AnonymousPro-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "AnonymousPro"; src: url(../fonts/AnonymousPro-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "AnonymousPro"; src: url(../fonts/AnonymousPro-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Roboto"; src: url(../fonts/Roboto-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "Roboto"; src: url(../fonts/Roboto-Regular.ttf); font-style: normal; font-weight: normal; } .alsoh { font-family: "RobotoCondensed", sans-serif; font-size: 1.5em; margin-top: 10%; margin-bottom: 2em; text-align: center; } .also { font-family: "AnonymousPro", serif; margin-top: 1em; margin-bottom: 0em; text-align: center; } .noindent { font-family: "Roboto", sans-serif; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; } .noindentb { font-family: "Roboto", sans-serif; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; } .noindenth { font-family: "Roboto", sans-serif; font-weight: bold; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .indent { font-family: "Roboto", sans-serif; margin-top: 0em; margin-bottom: 0em; text-indent: 1.2em; } .indenth { font-family: "Roboto", sans-serif; font-weight: bold; color: #545454; margin-top: 0em; margin-bottom: 0em; margin-left: 1.5em; } .indenthi { font-family: "Roboto", sans-serif; font-weight: bold; color: #545454; margin-top: 0em; margin-bottom: 0em; margin-left: 1.5em; text-indent: 1.2em; } .indenthb { font-family: "Roboto", sans-serif; font-weight: bold; color: #545454; margin-top: 0em; margin-bottom: 1em; text-indent: 1.5em; } .copy { font-family: "Roboto", sans-serif; font-size: 0.9em; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .copyb { font-family: "Roboto", sans-serif; font-size: 0.9em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .copya { margin-top: 5%; margin-bottom: 0.2em; text-indent: 0em; text-align: left; } .ded { font-family: "Roboto", sans-serif; font-size: 1.1em; margin-top: 15%; margin-bottom: 0em; margin-left: 15%; margin-right: 15%; text-align: center; } .ipadfp { margin: 0; height: 98vh; text-align: center; } .imagefp { margin: 0em; height: 100%; text-align: center; } .h1 { font-family: "RobotoCondensed", sans-serif; font-weight: bold; margin-top: 10%; margin-bottom: 0em; text-align: center; } .h1bm { font-family: "RobotoCondensed", sans-serif; font-size: 1.8em; font-weight: bold; margin-top: 10%; margin-bottom: 2em; text-align: center; } .h2 { font-family: "RobotoCondensed", sans-serif; font-size: 1.9em; font-weight: bold; margin-top: 10%; margin-bottom: 2.5em; text-align: center; } .h3 { font-family: "Roboto", sans-serif; font-size: 1.1em; font-weight: bold; margin-top: 2em; margin-bottom: .5em; text-indent: 0em; text-align: left; } span.font1 { font-family: "Roboto", sans-serif; font-size: 1.5em; } span.line { border-bottom: solid 5px; } span.line1 { border-bottom: solid #545454 2px; } .authorm1 { font-family: "sans-serif", sans-serif; margin-top: 0em; font-size: 0.8em; margin-bottom: 0em; text-align: center; } .authorm2 { font-family: "sans-serif", sans-serif; margin-top: 0em; font-size: 1.3em; margin-bottom: 0em; text-align: center; } .midd { vertical-align: middle; } .image1 { margin-top: 0em; margin-bottom: 0.49em; text-align: center; } .image1a { margin-top: 0em; margin-bottom: 0.2em; text-align: center; } .image2 { margin-top: 1em; margin-bottom: 1em; text-align: center; } .credit { font-family: "EBGaramond", serif; font-size: .7em; margin-top: 0em; margin-bottom: 1.5em; text-align: center; } .stickup { font-family: "RobotoCondensed", sans-serif; font-size: 2.7em; line-height: 0em; } .heading_break { font-family: "AnonymousPro", sans-serif; font-weight: bold; font-size: 1.5em; margin-top: 1em; margin-bottom: 0.2em; display: block; } .heading_break1 { font-family: "AnonymousPro", sans-serif; font-weight: normal; font-size: 1.2em; margin-top: 1em; margin-bottom: 3em; display: block; } .heading_break2 { font-family: "AnonymousPro", sans-serif; font-weight: normal; font-size: 1.4em; margin-top: .5em; margin-bottom: .3em; margin-left: .5em; display: block; } span.font1 { font-family: "AnonymousPro", sans-serif; font-weight: normal; font-size: 1.4em; } .order { font-family: "Roboto", sans-serif; font-weight: bold; margin-top: 0em; margin-bottom: 0em; margin-right: 1.5em; } .order1 { font-family: "Roboto", sans-serif; margin-top: 0em; margin-bottom: 0em; margin-right: 1.5em; } .portrait20 { max-height: 20% !important; max-width: 66%; height: 20vh; } .portrait30 { max-height: 30% !important; max-width: 66%; height: 30vh; } .portrait40 { max-height: 40% !important; max-width: 66%; height: 40vh; } .portrait50 { max-height: 50% !important; max-width: 66%; height: 50vh; } .portrait60 { max-height: 60% !important; max-width: 66%; height: 60vh; } .landscape20 { width: 20%; } .landscape30 { width: 30%; } .landscape40 { width: 40%; } .landscape50 { width: 50%; } .landscape60 { width: 60%; } .landscape70 { width: 70%; } .landscape90 { width: 90%; } .group { margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; text-align: center; } .group1 { margin-top: 1em; margin-bottom: 0em; page-break-inside: avoid; text-align: center; } ol.nlist { font-family: "EBGaramond", serif; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-right: 1.5em; } .stitle { font-family: "RobotoCondensed", sans-serif; font-size: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } .stitle1 { font-family: "RobotoCondensed", sans-serif; color: #6f6f6f; font-size: 1.8em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } .stitle2 { font-family: "RobotoCondensed", sans-serif; font-weight: bold; font-size: 1.9em; margin-top: 0.5em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .stitle3 { font-family: "RobotoCondensed", sans-serif; font-weight: bold; font-size: 1.9em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } .boxp { padding: 0.5em 2em 0.5em 2em; font-size: 1.4em; background-color: #d1d2d4; border-radius: 0.5em; page-break-inside: avoid; } .box1 { padding: 1em; background-color: #c8c8c8; margin-top: 1em; margin-bottom: 1em; border-radius: 1em; page-break-inside: avoid; } .box2 { padding: 1em; border: double #6f6f6f 5px; margin-top: 1em; margin-bottom: 1em; border-radius: 1em; page-break-inside: avoid; } .box3 { padding: 1em; border: dotted #545454 3px; margin-top: 1em; margin-bottom: 1em; border-radius: 1em; page-break-inside: avoid; } .box4 { padding: 1em; border: solid 3px; margin-top: 1em; margin-bottom: 1em; border-radius: 1em; page-break-inside: avoid; } .secbreak { border-left: 0em; border-top: 0em; border-right: 0em; border-bottom: 1px solid; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 45%; margin-right: 45%; } .sub { font-size: .75em; vertical-align: bottom; } @media amzn-kf8 { .stickup { font-size: 1.4em; } .portrait20 { height: 20% !important; max-width: none; } .portrait30 { height: 30% !important; max-width: none; } .portrait40 { height: 40% !important; max-width: none; } .portrait50 { height: 50% !important; max-width: none; } .portrait60 { height: 60% !important; max-width: none; } } @media amzn-mobi { .stickup { font-size: 1.4em; } .portrait20 { height: 20% !important; max-width: none; } .portrait30 { height: 30% !important; max-width: none; } .portrait40 { height: 40% !important; max-width: none; } .portrait50 { height: 50% !important; max-width: none; } .portrait60 { height: 60% !important; max-width: none; } }