/*RESET*/
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, 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 {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:display;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
/*MAIN*/
@font-face {
 font-family: 'UNI-regular';
 src: url('https://unicreatingsolutions.com/uni_fonts/UNI-regular.otf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'UNI-bold';
 src: url('https://unicreatingsolutions.com/uni_fonts/UNI-bold.otf') format('truetype');
 font-weight: normal;
 font-style: normal;
}
* {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	font-family: 'UNI-regular';
	cursor: auto;
	color: #ffffff;
	
	
	overflow-wrap: break-word;
 word-wrap: break-word;
 -ms-word-break: break-all;
 word-break: break-all;
 word-break: break-word;
}
body {
 background-color: #0f1013;
}
a {
 cursor: pointer;
 margin:0px;
}
main {
 margin:0;
 padding:2em;
}
img {
 width:90%;
 margin:5%;
}
ul {
	list-style: display;
	margin-left: 1em;
	margin-top: .1em;
	margin-bottom: .1em;
}
ol {
	list-style: display;
	margin-left: 1em;
	margin-top: .1em;
	margin-bottom: .1em;
}
li {
	margin-left: 2em;
	margin-top: .3em;
	margin-bottom: .1em;
	color: #ffffff;
}
li:first-child {
 margin-top:.5em;
}
ol a, li a {
	margin-top: .2em;
	margin-bottom: .2em;
	margin-left: 0px;
	margin-rightt: 0px;
	padding: 0em;
	color: #ffffff;
	cursor: pointer;
}
.nav li a {
	margin-top: 0em;
	margin-bottom: 0em;
	color: #ffffff;
}
table {
 margin: 1em;
 border-collapse: separate;
 border-spacing: .1em;
}
td, th {
 padding: .5em;
 margin-left: 0px;
	margin-rightt: 0px;
}
td {
 border-radius:1px;
}
th {
 border-radius:15px 15px 0px 0px;
}
tfoot th {
 border-radius:0px 0px 2px 2px;
}
tr:nth-child(odd) {
 background-color: #19293e;
}
tr:nth-child(even) {
 background-color: #19222d;
}
tr:hover {
 background-color: #0f1013;
}
th {
 font-family: 'UNI-bold';
 background: #19293e;
}
legend {
 margin-top:1em;
 margin-bottom:-.1em;
}
.nav {
 background-color: #19222d;
 color: #ffffff;
 width: auto;
}
.nav ul {
 list-style: none;
 margin: 0px;
 padding: 0px;
 display: block;
}
.nav ul li {
 display: inline-block;
 padding: 0;
 margin: 0;
 vertical-align: middle;
}
.nav ul li a {
 background-color: #19222d;
 color: #ffffff;
 text-decoration: none;
 display: block;
 padding: 15px 25px;
 font-family: 'UNI-bold';
 position: relative;
 -webkit-transition: color .75s;
 -moz-transition: color .75s;
 -ms-transition: color .75s;
 -o-transition: color .75s;
 transition: color .75s;
}
.nav ul li a:hover {
 background-color: #d08e6f;
 color: #19222d;
 cursor: pointer;
}
h1, h2, h3, h4, h5 {
 font-family: 'UNI-bold';
 padding-left:0em;
 padding-right:.5em;
 padding-bottom:.5em;
}
h1 {
 padding-top:1em;
}
h2, h3, h4, h5 {
 padding-top:.7em;
}
b, strong {
 font-family: 'UNI-bold';
}
h1 {
	font-size: 1.3em;
	line-height: 1.15em;
}
h2 {
	font-size: 1.2em;
	line-height: 1.15em;
}
h3 {
	font-size: 1.1em;
	line-height: 1.01em;
}
h4, h5 {
	font-size: 1.00em;
	line-height: 1.00em;
}
p {
	line-height: 1.2em;
	margin: 2em 0px 2em .5em;
 padding: .25em;
}
ol li {
 margin-top:.5em;
}
ul li {
 margin-top:.5em;
}
div {
 width: 100%;
 text-align: left;
 padding: .25em;
}
pre {
 font-family: monospace;
 color: #232323;
	background-color: #efefef;
}
section {
	margin: 1em auto 1em;
 max-width: 1070px;
	position: relative;
	padding: 20px
}
footer {
	background-color: #19293e;
	width: 100%;
	float: left;
	padding: 1em;
	text-align: center;
	margin-top:0em;
	font-size: 1em;
	font-weight: 300;
}
details
,details h1
,details h2 
,details h3 
,details h4 
,details h5 {
 padding-left:.5em;
 background-color: #19222d;
}
details > summary {
 cursor: pointer;  font-size: 1.2em;
 padding: .5em;
 background-color: #19222d;
}
/*end of main*/
/*begin form*/
label {
 margin-left: .5em;
 padding: .15em;
}
label:hover {
 background-color: #0f1013;
 cursor:pointer;
 padding: .15em;
}
::placeholder { /* html5 */
 color: #ffffff;
 opacity: 1;
 font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #ffffff;
 font-style: italic;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: #ffffff;
 font-style: italic;
}
input[type=text], input[type=submit], input[type=password], select, textarea {
 border: 1px solid ##19293e;
 border-radius: 4px;
 box-sizing: border-box;
 background-color: #0f1013;
 display: inline-block;
 cursor: pointer;
 font-size:1.2em;
 margin: 1em;
 padding: 1em;
 -webkit-transition: width 0.4s ease-in-out;
 transition: width 0.4s ease-in-out;
 width: 80%;
}
input[type=radio]{
  margin-top: .5em;
  margin-bottom: .5em;
}
input[type=submit]:hover {
 background-color: #19293e;
 color: #ffffff;
 -webkit-transition: width 0.4s ease-in-out;
 transition: width 0.4s ease-in-out;
 width: 95%;
}
input[type=text]:focus {
 background-color: #0f1013;
 border: 4px solid #ffffff;
 color: #ffffff;
 width: 95%;
}
/*end of form*/
/*begin special classes*/
.Photo_ID_person_Male ,.Photo_ID_person_Female ,.Photo_ID_person_Other {
 border-radius: 50%;
 width:20%;
}
.Photo_ID_person_Male {
 border: .4em solid #2125d6;
}
.Photo_ID_person_Female {
 border: .4em solid #e31ad6;
}
.Photo_ID_person_Other {
 border: .4em solid #c1c1c1;
}
.Photo_ID_unknown_Male, .Photo_ID_unknown_Female, .Photo_ID_unknown_Other {
 border-radius: 5%;
 width:20%;
}
.Photo_ID_unknown_Male {
 border: .4em dashed #2125d6;
}
.Photo_ID_unknown_Female {
 border: .4em dashed #e31ad6;
}
.Photo_ID_unknown_Other {
 border: .4em dashed #c1c1c1;
}
.Photo_ID_place_Male, .Photo_ID_place_Female, .Photo_ID_place_Other {
 border-radius: 10%;
 width:20%;
}
.Photo_ID_place_Male {
 border: .4em solid #2125d6;
}
.Photo_ID_place_Female {
 border: .4em solid #e31ad6;
}
.Photo_ID_place_Other {
 border: .4em solid #c1c1c1;
}
.Photo_ID_thing {
 border-radius: 20%;
 width:20%;
 border: .4em solid #c1c1c1;
}
.Photo_ID_unknown {
 border: .4em dashed #c1c1c1;
 border-radius: 30%;
 width:20%;
}
.Report_Photo_ID_person_Male, .Report_Photo_ID_person_Female, .Report_Photo_ID_person_Other {
 border-radius: 50%;
 width:75px;
 margin: 0em;
}
.Report_Photo_ID_person_Male {
 border: .2em solid #2125d6;
}
.Report_Photo_ID_person_Female {
 border: .2em solid #e31ad6;
}
.Report_Photo_ID_person_Other {
 border: .2em solid #c1c1c1;
}
.Report_Photo_ID_unknown_Male, .Report_Photo_ID_unknown_Female, .Report_Photo_ID_unknown_Other {
 border-radius: 5%;
 width:15px;
}
.Report_Photo_ID_unknown_Male {
 border: .2em dashed #2125d6;
}
.Report_Photo_ID_unknown_Female {
 border: .2em dashed #e31ad6;
}
.Report_Photo_ID_unknown_Other {
 border: .2em dashed #c1c1c1;
}
.Report_Photo_ID_place_Male, .Report_Photo_ID_place_Female, .Report_Photo_ID_place_Other {
 border-radius: 10%;
 width:75px;
}
.Report_Photo_ID_place_Male {
 border: .2em solid #2125d6;
}
.Report_Photo_ID_place_Female {
 border: .2em solid #e31ad6;
}
.Report_Photo_ID_place_Other {
 border: .2em solid #c1c1c1;
}
.Report_Photo_ID_thing {
 border: .2em solid #c1c1c1;
 border-radius: 20%;
 width:75px;
}
.Report_Photo_ID_unknown {
 border: .2em dashed #c1c1c1;
 border-radius: 30%;
 width:75px;
}
.Form_Long_List {
 height:200px;
 overflow:auto;
 background-color: #19293e;
 color: #ffffff; 
 padding:.5em;
}
.Form_Short_List {
 background-color: #19293e;
 color: #ffffff; 
 padding:.5em;
}
::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 10px;
}
::-webkit-scrollbar-thumb {
 border-radius: 4px;
 background-color: #ffffff;
}
.no_bullet {
 list-style-type:none;
}
.Box, .FeedbackNegative, .FeedbackNeutral, .FeedbackPositive, .PossiblyOptional {
 margin-top:.5em;
 margin-bottom:.5em;
 margin-left:0em;
 padding:2em;
 border-radius:4px;
}
.Box {
 border:2px solid #ba5530;
}
.Box li {
 padding:1em;
}
.BoxInsideBox {
 margin:0em;
 padding:1em;
 border-radius:4px;
 border:2px solid #19293e;
}
.FeedbackNegative, .FeedbackNeutral, .FeedbackPositive {
 color:#ffffff;
 margin:0px;
 margin-top:.5em;
}
.FeedbackNegative {
 background-color:#7d0b12;
 border:2px solid #ea121d;
}
.FeedbackNeutral {
 background-color:#717171;
 border:2px solid #3a3a3a;
}
.FeedbackPositive {
 background-color:#065100;
 border:2px solid #22e11a;
}
/* beginning of Quiz - Test Your Knowledge */
.QuizWrongAnswer {
 background-color:#7d0b12;
 border:2px solid #ea121d;
 display:inline;
 text-decoration: line-through;
}
.QuizBox {
 display:inline;
 padding:.5em;
 width:1em;
 text-align:center;
 border-radius:50%;
 border:2px solid #ba5530;
 color:#ffffff;
 background-color:#19222d;
}
.QuizBox a:hover {
 border-radius:50%;
 border:2px solid #ba5530;
 color:#19222d;
 background-color:#d08e6f;
 padding: .6em;
}
.QuizAnswerChoiceContainer{
 margin-bottom:1em;
}
.QuizQuestion{
 margin-top:2em;
 margin-bottom:.5em;
}
.QuizOption{
 display:inline;
}
.QuizLine{
 margin-bottom:1.5em;
}
.QuizTitle{
 text-align:center;
}
.QuizSubtitle{
 text-align:center;
 font-size:.8em;
 margin-bottom:1.5em;
}
.animated{
 -webkit-animation-duration: 15s;animation-duration: 15s;
 -webkit-animation-fill-mode: both;animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {
 0% {opacity: 1;}
 100% {opacity: 0;}
}
@keyframes fadeOut {
 0% {opacity: 1;}
 100% {opacity: 0;}
}
.fadeOut {
 -webkit-animation-name: fadeOut;
 animation-name: fadeOut;
}
/* end of Quiz - Test Your Knowledge */
.PossiblyOptional {
 border:2px solid #19293e;
 background-color:#19293e;
}
.ArchiveItNow {
 background-color:#7d0b12;
 border-left:2px dashed #ea121d;
 border-right:2px dashed #ea121d;
 margin-left:1em;
 margin-right:2em;
 margin-top:1em;
 margin-bottom:2em;
 padding:0px;
 display:inline;
}
.JustText {
 text-decoration: none;
 pointer-events: none;
 /* background: #0f0; */
 margin:0px;
 padding:0px;
}
.TextPlusHover {
 display:inline;
}
.TextEntry {
 color:#19293e;
 background:#ffffff;
 display:inline;
 padding:0em;
 padding-left:.2em;
 padding-right:.2em;
}
.YouMightWantToWorkOnThis {
 color:#ffffff;
 border:2px solid #ea121d;
}
.HistoryContainer {
 padding:1em;
 color:#ffffff;
 text-align:left;
}
.HistoryOddEven:nth-child(odd) {
 background: #19293e;
 padding:1em;
}
.HistoryOddEven:nth-child(even) {
 background: #19293e;
 padding:1em;
}
.date_and_time_text_boxes {
 margin:.2em;
 border-radius:4px;
 background-color:#19293e;
 border:2px solid #19293e;
}
.hide {
 display:none;
}
.center {
 text-align:center;
}
.ColumnSummary {
 margin:0em;
 margin-top:.3em;
 padding:0em;
 border-radius:16px;
 border:2px solid #19293e;
 background-color:#19222d;
}
.NoUnderline {
 text-decoration:none;
}
/*the hover isn't working yet, left off here*/
.NoUnderline a:hover {
 text-decoration:none;
 color: #00f;
 background: #fff;
}
.ReportDownloadLinkContainer {
 text-decoration:none;
 background: #19293e;
 padding:1em;
 border-radius:15px;
 margin:1em;
}
.forced_range {
 vertical-align:super;
 font-size:smaller;
 display:inline;
}
.no_space {
 display:inline;
 margin:0;
 padding:0;
}
.inline {
 display:inline;
}
.section_header {
 font-family: 'UNI-bold';
	font-size: 1.2em;
	line-height: 1.2em;
	display:inline;
}
.portray_icon {
 width:15px;
 display:inline;
 margin:0;
 padding:0;
 cursor: pointer;
}
.search_icon {
 width:15px;
 display:inline;
 margin:0;
 padding:0;
 cursor: pointer;
}
.block_portray {
 display:inline;
 margin-left:.5em;
}
.ReportDownloadLinkContainer a {
 text-decoration:none;
}
.ReportDownloadLinkContainer a:hover {
 text-decoration:none;
 background-color: #19293e;
}
.ReportDownloadLink a {
 text-decoration:none;
}
.BackgroundSecondary {
 background-color: #19293e;
}
.documentation_sublist {
 margin-top:0px;
}
.documentation_subsublist {
 margin-top:-8px;
 list-style-type: lower-roman;
}
.TheList table { table-layout: fixed; }
.TheList tr:nth-child(even) { background: #E6E8E9; }
.TheList tr:nth-child(odd) { background: #B5BBC0; }
.TheList th { padding:.5em; border: 1px solid #343434; width:150px; border:none; font-family: 'UNI-bold'; }
.TheList td { padding:.5em; border: 1px solid #343434; width:150px; border:none; }
.FormAndEmailTable table { margin: 1em; border-collapse: separate; border-spacing: .1em; }
.FormAndEmailTable td, th, a { padding: .5em; }
.FormAndEmailTable td { border-radius:1px; }
.FormAndEmailTable th { border-radius:15px 0px 0px 15px; text-align:right; }
.FormAndEmailTable tfoot th { border-radius:0px 0px 2px 2px; }
.FormAndEmailTable tr:nth-child(odd) { background-color: #19293e; }
.FormAndEmailTable tr:nth-child(even) { background-color: #19222d; }
.FormAndEmailTable tr:hover { background-color: #0f1013; }
.animation_box {
 width: 200px;
 padding: 1em;
 border-radius: 5px;
 line-height: 1em;
 font-size: 1em;
 float: left;
 margin: .5em;
}
.animation_counter {
 line-height: 1.7em;
 font-size: 1.7em;
}
/*begin responsive design table*/
.skinny {
 display: none;
}
/* begin one page styling side by side*/
.column1 {
 float:left;
 padding:.1em;
 padding-right:1em;
 width:25%;
}
.column2 {
 float:left;
 padding:.1em;
 width:75%;
}
.row:after {
 display:table;
 clear:both;
}
.line {
 height:10px;
 background:#00f;
}
.left_column {
 text-align:right;
}
/* end special one page styling */
/*end of responsive design table*/
/*end of special classes*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 3px 0px 60px 0px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videotitle {
	font-size: 1.05em;
	line-height: 1.05em;
	margin: 10px 0px 4px 0px;
}
/* Responsive Design - Tablet/Smartphone size */
@media screen and (max-width: 640px) {
 .nav ul li {
 float: none;
 display: block;
 }
 .nav ul li a {
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border-bottom: 1px solid #dcdcdc;
 }
 .nav ul li.last > a,
 .nav ul li:last-child > a {
 border: 0;
 }
 .nav ul li a:after {
 display: none;
 }
 .nav ul li a:before {
 display: none;
 }
}
/*One page CSS*/
div.Visual {
 /*background-color: #555555;*/
 width: 100%;
 text-align: center;
 border-collapse: collapse;
}
.Strip.Visual .StripBody .StripSlice {
 text-align: center;
 margin:0px;
}
.Strip.Visual .StripSlice:nth-child(even) {
 background: #19293e;
}
.Strip.Visual .StripSlice:nth-child(odd) {
 background: #19293e;
}
.Strip.Visual .StripGray {
 background: #646464;
 text-align: center;
}
.Strip{ display: table; }
.StripRow { display: table-row; }
.StripSlice, .StripGray, .StripHead { display: table-cell;}
.StripBody { display: table-row-group;}
.archived {
 background-color: #dfdfdf;
 color: #121212;
 font-style: italic;
 width: 100%;
}
.StripGrayTall, .StripSliceTall{
 height:10px;
}
.PastInfo {
 font-weight: normal;
 display:block;
 margin-top:-10px;
}
.TodaysInfo {
 font-family: 'UNI-bold';
 display:block;
 border: 1px solid #ffffff;
 margin-top:-10px;
}
.FutureInfo {
 font-family: 'UNI-bold';
 font-style: italic;
 display:block;
 margin-top:-10px;
}
.EndedInThePast {
 font-weight: normal;
 display:inline;
 color: #646464;
 background: #ffffff;
 padding:0px;
 padding-right:.25em;
}
.CurrentInfo {
 font-family: 'UNI-bold';
 display:inline;
 border: 1px solid #ffffff;
}
.StartsInTheFuture {
 font-family: 'UNI-bold';
 font-style: italic;
 display:inline;
 color: #646464;
 background: #ffffff;
 padding:0px;
 padding-right:.25em;
}
.StripInfo {
 font-weight: normal;
 text-align: center;
 margin-top: 1em;
}
.Stacked {
 font-weight: normal;
 text-align: left;
 margin-top: .3em;
 margin-bottom: -1em;
 display: block;
}
.TheList table { table-layout: fixed; }
.TheList tr:nth-child(even) { background: #efefef; }
.TheList tr:nth-child(odd) { background: #fefefe; }
.TheList tr:hover { background: #cccccc; color: #010101; }
.xTheList td { padding:3px; border: 1px solid #343434; width:150px; color: #020202; }
.TheList td { padding:2px; color: #010101; }
.TheList th { padding:7px; background-color: #010101; color: #dedede; vertical-align: bottom; }
.QueryBox { background: #dcdcdc; padding:10px; margin: 0px 10px 20px 10px; color: #010101; text-align:left; }
.InfoBox { background: #5c5c5c; padding:10px; margin-top:2px; color: #efefef; }
/*sortable list*/
.sortable_style {
	margin: auto;
	padding: 0;
	width: 98%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sortable_style li {
	list-style: none;
	border: 1px solid #222;
	background: #F6F6F6;
	color: #011993;
	margin: .2em;
	padding: .75em;
}
/*end of sortable list*/
/*beginning of wide reports at any size*/
.wide_report_main {
 width:99%;
}
.wide_report_main tr td {
 display: block;
}
.wide_report_main th {
 display: block;
 border-radius:15px;
 margin:.15em;
 /*width: 100%;*/
}
.wide_report_main th:hover {
 background-color: #19293e;
}
.wide_report_skinny {
 display: inline;
}
/* end of wide reports at any size */
/* beginning of smaller smartphone size */
@media only screen and (max-width: 640px) {
 .main {
  width:99%;
 }
 .main tr td {
  display: block;
 }
 .main th {
  display: block;
  border-radius:15px;
  margin:.15em;
  /*width: 100%;*/
 }
 .main th:hover {
  background-color: #19293e;
 }
 .skinny {
  display: inline;
 }
 .Box, .FeedbackNegative, .FeedbackNeutral, .FeedbackPositive, .PossiblyOptional {
  margin-left:-8px;
  padding:.2em;
  border-radius:2px;
 }
 .ArchiveItNow {
  margin-left:0px;
  display:block;
 }
 .ColumnSummary {
  padding:1em;
 }

}
@media only screen and (min-width: 640px) {
 .one_page_table_wide {
  width:99%;
 }
 .one_page_table_wide tr td {
  display: block;
 }
 .one_page_table_wide tr:hover {
  background-color: #19293e;
 }
 .one_page_table_wide_archived {
  background-color: #dfdfdf;
  color: #121212;
  font-style: italic;
  width: 100%;
 }
 .one_page_display_note {
  width:99%;
  margin:1em;
  text-align:center;
 }
 .one_page_table_hidden_note {
  display: none;
 }
}
/* smartphone size */
@media screen and (max-width:640px) {
 * {
  font-size:1em;
  line-height: 1.2;
 }
 /*
 details
 ,details h1
 ,details h2 
 ,details h3 
 ,details h4 
 ,details h5 {
  margin-left:-1em;
 }
 details > summary {
  margin-left:-.8em;
 }
 */
 .one_page_table_wide {
  display: none;
 }
 .one_page_table_wide_archived {
  display: none;
 }
 .one_page_display_note {
  display: none;
 }
 .one_page_table_hidden_note {
  display: block;
  font-size:.7em;
  text-align:center;
  margin:.5em;
 }
 /* begin stacked one page styling */
 .column1 {
  width:100%;
 }
 .column2 {
  width:100%;
 }
 .left_column {
  text-align:left;
  font-family: 'UNI-bold';
 }
 .PastInfo {
  margin-top:10px;
 }
 .TodaysInfo {
  margin-top:10px;
 }
 .FutureInfo {
  margin-top:10px;
 }
 table {
  margin:0em;
 }
 main {
  padding-left:1em; /* smaller border */
  padding-right:0em;
 }
 .Photo_ID_person_Male ,.Photo_ID_person_Female ,.Photo_ID_person_Other
 ,.Photo_ID_unknown_Male, .Photo_ID_unknown_Female, .Photo_ID_unknown_Other
 ,.Photo_ID_unknown_Male, .Photo_ID_unknown_Female, .Photo_ID_unknown_Other
 ,.Photo_ID_place_Male, .Photo_ID_place_Female, .Photo_ID_place_Other
 ,.Photo_ID_thing, .Photo_ID_unknown {
  width:50%;
 }
 /* end stacked one page styling */
 input[type=text], select, textarea {
  font-size:.7em;
 }
 input[type=radio]{
  margin-top: 1em;
  margin-bottom: 2em;
 }
}
/* end of smaller smartphone size */
/* print */
@media print {
 ul, li {display:block;page-break-inside:avoid;}
 @page {margin:1in}
 @page :first {margin-top:1in;}
 @page :left {margin-left:1in;margin-right:1in;}
 @page :right {margin-left:1in;margin-right:1in;}
 img {display:none;}
 header {display:none;}
 content {display:none;}
 comments {display:none;}
 sidebar {display:none;}
 footer {display:none;}
}
/* end of print */