.minifolio-textboxes p {
padding:20px;

background:#fff;

border:1px solid #ffe196;
filter: drop-shadow(4px 4px 0px #ffe196);

margin:20px -40px;

}
body.night .minifolio-textboxes p {


background:#333;

border:1px solid #000;
filter: drop-shadow(4px 4px 0px #221);


}
.minifolio-altbg p {
background:#ffe196;
padding:20px;
border:1px solid #000;
filter: drop-shadow(4px 4px 0px #ffb618);
margin:0px;
margin-top:10px;
}
.minifolio-altbg {
background:#ffc800;
padding:50px;
margin:30px -40px 50px -40px;
border:5px solid #ffe196;
}
body.night .minifolio-altbg p {
background: #494949;
border:1px solid #000;
padding:20px;
filter: drop-shadow(4px 4px 0px #221);
}
body.night .minifolio-altbg {
background: #333331;
border: none;
border:5px solid #111;
}
</style>
<style>
.sidebyside-image-500pxpair{
margin:5px 20px;
padding:0px;

}
.footernav-single {
margin-top:-188px;
margin-bottom:-150px;
height:100px;
width:300px;
display:inline-block;
align-items: center;
}
.footernav-button .nextbutton-text {
text-align: center;
font-size: 14pt;
color: #ffb618;
font-family: courier;
font-weight: 500;
text-shadow: 2px 1px #ffe88a;
line-height: 0.75em;
background: #fff;
border: 2px solid gold;
filter: drop-shadow(4px 4px 0px gold);
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 15px 20px;
margin: 10px 10px;
line-height: 0.95em;
}
.footernav-button:hover .nextbutton-text {
color: #ffb618;
text-shadow: 2px 1px #ffb618;
border: 2px solid gold;
filter: drop-shadow(4px 4px 0px gold);
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
text-shadow: 2px 1px #ffe88a;

background: #ffd773;
border: 2px solid #ffb618;
filter: drop-shadow(4px 4px 0px #ffb618);
padding: 10px 45px;
margin: 10px -15px;
}
body.night .nextbutton-text  {
color: #ffb618;
text-shadow: 2px 1px #222;
background: #333;

filter: drop-shadow(4px 4px 0px #111);
}
body.night .footernav-button:hover .nextbutton-text {
color: #ffb618;
text-shadow: 2px 1px #cf8600;
background: #ffffb6;
filter: drop-shadow(4px 4px 0px gold);
}
body.night .footernav-button .nextbutton-text-smaller  {
color: #ffffb6;
text-shadow: 2px 1px #333;
}
body.night .footernav-button:hover .nextbutton-text-smaller  {
color: #cf8600;
text-shadow: 2px 1px #ffffb6;
}
.mid-title {
color: #ffb618;
font-family: courier;
font-weight: 900;
font-size: 2em;
text-shadow: 3px 1px #ffe88a;
line-height: 82%;
background: #fff;
text-align: center;
filter: drop-shadow(8px 10px 0px #fffadb);
border: 2px solid gold;
padding: 18px 40px;
margin: 0px -10px -90px -10px;
filter: drop-shadow(4px 4px 0px gold);
display:inline-block;
}
body.night .mid-title {
color: #ffc628;
font-family: courier;
font-weight: 900;
font-size: 2em;
text-shadow: 3px 1px #222;
line-height: 82%;
background: #333;
text-align: center;
filter: drop-shadow(8px 10px 0px #fffadb);
border: 2px solid #ffc628;
padding: 18px 40px;
margin: 0px -10px -90px -10px;
filter: drop-shadow(4px 4px 0px #222);
display:inline-block;
}



.minifolio-textboxes p {
/*            background:#ffe196;*/
padding:20px;
/*            border:1px solid #55aaa5;*/
/*            filter: drop-shadow(4px 4px 0px #ffb618);*/
margin:0px;
}
.minifolio-altbg p {
background:#ffe196;
padding:20px;
border:1px solid #000;
filter: drop-shadow(4px 4px 0px #ffb618);
margin:0px;
}
.minifolio-altbg {
background:#ffc800;
padding:50px;
margin:30px -40px 50px -40px;
border:5px solid #ffe196;
}
body.night .minifolio-altbg p {
background: #494949;
/*            background: #333331;*/
border:1px solid #000;
padding:20px;
filter: drop-shadow(4px 4px 0px #221);
/*            filter: drop-shadow(4px 4px 0px #333331);*/
}
body.night .minifolio-altbg {
background: #333331;
border: none;
border:5px solid #111;
}






.urly:link, .urly:visited, .urly {
color: #ffb618;
text-decoration: underline;
text-decoration-color: #ffd773;
padding:6px 8px;
}
.urly:hover {
color: #ffd773;
text-decoration: none;
padding:3px 8px;
border-bottom: 1px solid gold;
border-top: 1px solid gold;
}



.note-small{
font-size:9pt;
padding:10px 15px;
line-height:145%;
}



.overlap-up{
margin-top:-40px;
margin-left:20px;
margin-right:20px;
}






.hr-acrossfull {

 border:none;
 border-bottom: 1px solid #e2e2e2;

 padding-top:0px;
 padding-bottom:0px;

 overflow: hidden;
 width:200%;
 margin-left:-50%;
}





.button-div .frontbutton-text-xs {
 display: inline-block;
 text-align: center;
 font-size: 18pt;
 margin:-20px 0px 0px 0px;
 padding:10px 5px;
 color: #ffb618;
 font-family: courier;
 font-weight: 900;
 text-shadow: 2px 1px #ffe88a;
 line-height: 0.75em;
 background: #fff;
 border: 2px solid gold;
 filter: drop-shadow(4px 4px 0px gold);
 text-align: center;
 width:270px;
 max-width:90%;
}


.button-div:hover .frontbutton-text-xs {
 font-size: 24pt;
 padding-bottom:30px;
 padding:10px 5px 10px 5px;
 color: #fff;
 text-shadow: 2px 1px #ffe88a;
 background: #ffe88a;
 border: 2px solid #ffb618;
 filter: drop-shadow(4px 4px 0px #ffb618);
 width:310px;
 max-width:90%;
 margin:-45px 0px 0px -5px;

}
/*
margins
50-5
40-0

hover
65-30margin
55-25
*/





.button-div {
 display: inline-block;
 border: 1px solid #fff;
 padding: 17px;
 width: 270px;
 height: 270px;
 z-index:5;
 max-width:100%;
 margin:5px;
 position: relative;
}

.button-div video {
 max-width:100%;
}


.hr-acrossfull {

 border:none;
 border-bottom: 1px solid #e2e2e2;

 padding-top:0px;
 padding-bottom:0px;

 overflow: hidden;
 width:200%;
 margin-left:-50%;
}