/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*font size
* Sets up some sensible default typography. *
Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/

Pixels 	EMs 	   Percent 	
2px 	0.125em    12.5% 	
4px		0.25em	   25.0%
5px 	0.3125em   31.25% 	
6px 	0.375em    37.5% 	
7px 	0.438em    43.8% 	
8px 	0.5em 	   50% 	    
9px 	0.563em    56.3% 	
10px 	0.625em    62.5% 	
11px 	0.688em    68.8% 	
12px 	0.75em 	   75% 	    
13px 	0.813em    81.3% 	
14px 	0.875em    87.5% 	
15px 	0.938em    93.8% 	
--------------------------
16px 	1em 	   100%
--------------------------
17px 	1.063em    106.3% 	
18px 	1.125em    112.5% 	
19px 	1.188em    118.8% 	
20px 	1.25em 	   125% 	
21px 	1.313em    131.3% 	
22px 	1.375em    137.5% 	
23px 	1.438em    143.8% 	
24px 	1.5em 	   150% 	
25px 	1.5625em   156.25% 	
26px 	1.625em    162.5% 	
27px 	1.6875em   168.75% 	
32px	2em		   200%    
35px	2.1875em   218.75%	
 */
.fontsize6px { font-size: 0.375em; }
.fontsize7px { font-size: 0.438em; }
.fontsize8px { font-size: 0.5em; }
.fontsize9px { font-size: 0.563em; }
.fontsize10px { font-size: 0.625em; }
.fontsize11px { font-size: 0.688em; }
.fontsize12px { font-size: 0.75em; }
.fontsize13px { font-size: 0.813em; }
.fontsize14px { font-size: 0.875em; }
.fontsize15px { font-size: 0.938em; }
.fontsize16px { font-size: 1em; }
.fontsize17px { font-size: 1.063em; }
.fontsize18px { font-size: 1.125em; }
.fontsize19px { font-size: 1.188em; }
.fontsize20px { font-size: 1.25em; }
.fontsize21px { font-size: 1.313em; }
.fontsize22px { font-size: 1.375em; }
.fontsize23px { font-size: 1.438em; }
.fontsize24px { font-size: 1.5em; }
.fontsize26px { font-size: 1.625em; }
.fontsize28px { font-size: 1.750em; }
.fontsize32px { font-size: 2em; }

/* Widths */
.width5pc { width: 5%; }
.width10pc { width: 10%; }
.width15pc { width: 15%; }
.width20pc { width: 20%; }
.width25pc { width: 15%; }
.width30pc { width: 30%; }
.width35pc { width: 35%; }
.width40pc { width: 40%; }
.width45pc { width: 45%; }
.width50pc { width: 50%; }
.width55pc { width: 55%; }
.width60pc { width: 60%; }
.width65pc { width: 65%; }
.width70pc { width: 70%; }
.maxwidth70pc { max-width: 70%; height: auto; }
.width75pc { width: 70%; }
.width80pc { width: 80%; }
.width85pc { width: 80%; }
.width90pc { width: 90%; }
.maxwidth90pc { max-width: 90%; height: auto; }
.width95pc { width: 90%; }
.width100pc { width: 100%; height: auto;}
.maxwidth100pc { max-width: 100%; height: auto; }

/* Padding */
.padding5px { padding: 5px; }
.padding10px { padding: 10px; }
.padding20px { padding: 20px; }
.paddingright5px { padding-right: 5px; }
.paddingleft5px { padding-left: 5px; }
.paddingtop5px { padding-top: 5px; }
.paddingbottom5px { padding-bottom: 5px; }
.paddingright10px { padding-right: 10px; }
.paddingleft10px { padding-left: 10px; }
.paddingtop10px { padding-top: 10px; }
.paddingbottom10px { padding-bottom: 10px; }
.paddingright20px { padding-right: 20px; }
.paddingleft20px { padding-left: 20px; }
.paddingtop20px { padding-top: 20px; }
.paddingbottom20px { padding-bottom: 20px; }
.paddingleftright20px { padding-left: 20px; padding-right: 20px; }

/* Margins */
.margin5px { margin: 5px; }
.margin10px { margin: 10px; }
.margin20px { margin: 20px; }
.marginright5px { margin-right: 5px; }
.marginleft5px { margin-left: 5px; }
.margintop5px { margin-top: 5px; }
.marginbottom5px { margin-bottom: 5px; }
.marginright10px { margin-right: 10px; }
.marginleft10px { margin-left: 10px; }
.margintop10px { margin-top: 10px; }
.marginbottom10px { margin-bottom: 10px; }
.marginright20px { margin-right: 20px; }
.marginleft20px { margin-left: 20px; }
.margintop20px { margin-top: 20px; }
.marginbottom20px { margin-bottom: 20px; }
.marginauto { margin: auto; }
 
/*display and floats*/
.floatleft { float: left; }
.floatright { float: right; }
.displayinline { display: inline; }
.displayblock{ display: block; }
.displaynone { display: none; }

/* TYPOGRAPHY */

/* font colours */
.fontcolorff0 { color: #ff0000; }
.fontcolorfff { color: #ffffff; }
.fontcolor000 { color: #000000; }
.fontcolor000 { color: #000000; }
.fontcolor006666 { color: #006666; }

/* font formatting */
.bold { font-weight: bold; }

/* textalign */
.textalignleft { text-align: left; }
.textaligncenter { text-align: center; }
.textalignright { text-align: right; }
.textalignjustify { text-align: justify; }
.verticalaligntop { vertical-align: top; }
.verticalalignbottom { vertical-align: bottom; }
.verticalalignmiddle { vertical-align: middle; }

/* fonts */
@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro/sourcesanspro.eot');
    src: url('../fonts/sourcesanspro/sourcesanspro.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro/sourcesanspro.woff') format('woff'),
         url('../fonts/sourcesanspro/sourcesanspro.ttf') format('truetype'),
         url('../fonts/sourcesanspro/sourcesanspro.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mido';
    src: url('../fonts/mido/mido.eot');
    src: url('../fonts/mido/mido.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mido/mido.woff') format('woff'),
         url('../fonts/mido/mido.ttf') format('truetype'),
         url('../fonts/mido/mido.svg#mido') format('svg');
    font-weight: normal;
    font-style: normal;
}

.source_sans_prolight { font-family: 'source_sans_prolight', arial, sans-serif; }
.mido { font-family: 'mido', verdana, sans-serif; }
.italic { font-style: italic; }
.whitespacenowrap { white-space: nowrap; }
/* List Styles */
.liststylenone { list-style: none; }

/* Headings */
h1, h2, h3, h4, h5 { font-family: 'mido', verdana, sans-serif; color: #303e62; }
h1 { font-size: 1.25em; text-align: left; }
h2 { font-size: 1em; text-align: left; }
h3 { font-size: 1em; }
h4, h5, h6 { font-size: 1.25em; }

/* Paragraph Styles */
p.tight { margin-top: 0.25em; margin-bottom: 0.25em; }


/* Rotate */
.rotateminus1dg { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); }
.rotateplus1dg { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); }

/* Borders */
.border-grey { border: 1px solid #cccccc; }
.border-black { border: 1px solid #000000; }
.border-left-grey-mobilehide { border-left: none; }
.border-grey-right-mobilehide { border-right: none; }
.border-black-bottom-maxhide { border-bottom: 1px solid #000; }
.border-grey-bottom { border-bottom: 1px solid #cccccc; }


/* hoverresponses */
.hovergrow:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

/*Misc */
.mobileshow { display: block; }
.borderradius12121212px { -webkit-border-radius: 0.75em 0.75em 0.75em 0.75em; -moz-border-radius: 0.75em 0.75em 0.75em 0.75em; border-radius: 0.75em 0.75em 0.75em 0.75em; }
.backgroundf0f0f0 { background-color: #f0f0f0; }

/* Default styling w/o browser update */
#header { color: #303e62; font-family: 'mido', arial, sans-serif; }
#content{ border-top: 2px solid #000000; }
#nav  li { list-style: none; }
#nav  ul { padding: 0; }
#nav { border-top: 1px solid #000; }
#nav a:link, #nav a:visited { color: #303e62; text-decoration: none;}
#nav a:hover { color: #3fafed; text-decoration: none;}
#indicator a:link, #indicator a:visited { color: #da6209; }
#content { font-family: 'source_sans_prolight', arial, sans-serif; }
#content a:link, #content a:visited { color: #da6209; font-weight: bold; text-decoration: none;}
#content #calcbutton a:link, #content #calcbutton a:visited { color: #000000; font-weight: bold; text-decoration: none;}
#content a:hover { color: #3fafed; text-decoration: none;}
#content  ul { padding: 0 0 0 1em; }
#content li { padding: 0.25em; line-height: 1.5em; list-style-type: none; position: relative; }
#content li:before { content: "-"; position: absolute; left: -1em; }

.hanger {
width: 85%;
max-width: 85%;
padding-top: 1em;
}

#container {
width : 96%;
max-width: 62.750em; /* 1004px with 16px base pixel size */
margin: auto;
}

#company-tag {
display: none;
}
#company-tag-mobile {
display: block;
font-size: 1.125em;
padding-top: 0.5em;
}

#header-tag {
float: none;
text-align: center;
line-height: 1.5em;
font-size: 0.875em;
}

#logo { width: 7em; height: auto; margin-top: 2em; }

#index-li, #valuation-li, #leaseholder-li, #freeholder-li, #contact-li, #buynow-li {
font-size: 0.875em; padding-left: 0%; text-align: center; width: 100%;
}
#index-li { width: 50%; height: 10em; float: left; }
#valuation-li { width: 50%; height: 2.25em; float: right; }
#leaseholder-li { width: 50%; height: 2.25em; float: right;  }
#freeholder-li { width: 50%; height: 2.25em; float: right;  }
#contact-li { width: 50%; height: 2.25em; float: right;  }
#buynow-li { width: 50%; height: 2.25em; float: right;  }

.menu-link {
display: block;
height: 1em;
padding-top: 0em;
text-align: center;
}

#index-banner, #ballparkvaluation-banner, #leaseholder-banner, #freeholder-banner, #contact-banner, #buynow-banner  {
display: none;
clear: both; 
margin: auto;
height : 6.25em; /* 100px with 16px base pixel size */
background-position:center center;
background-repeat:no-repeat;
padding-top: 1em;
padding-bottom: 1em;
border-top: 2px solid #000;
border-bottom: 1px solid #000;
}

#bannerquote {
width: 75%;
float: right;
margin-top: 1em;
font-family: 'mido', verdana, sans-serif;
font-size: 1.25em;
margin-right: 5%;
text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;
}
.lt-ie9 #bannerquote { filter: glow(color=black,strength=2); }
#bannerquote, #bannerquote a:link, #bannerquote a:visited { color: #fff; text-decoration: none;}
#bannerquote a:hover { color: #5e839a; text-decoration: none;}

.block { width: 98%; border-bottom: 1px solid #000; }
.col-33  { display: none; }
.col-66  { width: 100%; margin: 1em; }
.col-15  { width: 14%; float: left; }
.col-85  { padding-left: 2%; width: 82%; float: left; }
.col-10  { width: 9%; float: left; }
.col-90  { padding-left: 2%; width: 87%; float: left; }
.col-50  { width: 100%; margin: 1em; }

.offer-logo { position: relative; padding-top: 0.25em; top: -0.25em; }

#footer {
font-size: 0.875em;
}

/* Custom input and select */
input[type=text], input[type=password], textarea { font-family: 'source_sans_prolight', arial, sans-serif; }
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background: #ffffff; height: 100%; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff, #e0e0e0); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff, #e0e0e0); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff, #e0e0e0); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff, #e0e0e0); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff, #e0e0e0); /* W3C */
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px rgba(0,0,0,0.5); 
	}
select { font-family: 'source_sans_prolight', arial, sans-serif; }	
select:focus { 
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.lt-ie8 .clearfix {  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 48em) {
    /* Style adjustments for viewports equivalent to more than 768px */
#company-tag {
display: block;
float: left;
line-height: 1.5em;
font-size: 1.375em;
}

#company-tag-mobile {
display: none;
}

#header-tag {
float: right;
line-height: 1.5em;
font-size: 1.375em;
}

#logo { width: 5.5em; margin-top: 0.25em; }

#index-li, #valuation-li, #leaseholder-li, #freeholder-li, #contact-li, #buynow-li {
font-size: 1.125em; float: left; padding-left: 1%; height: 4.25em; 
}
#index-li { width: 12.5%; }
#valuation-li { width: 16%; }
#leaseholder-li { width: 17.5%; }
#freeholder-li { width: 17.5%; }
#contact-li { width: 16%; }
#buynow-li { width: 12%; }

.menu-link {
display: block;
padding-top: 1.25em;
height: 2.5em;
}
	
#index-banner, #ballparkvaluation-banner, #leaseholder-banner, #freeholder-banner, #contact-banner, #buynow-banner  {
display: block;
max-width: 62.750em; /* 1004px with 16px base pixel size */
height : 20.938em; /* 335px with 16px base pixel size */
}
#index-banner {
background-image:url('../images/index-banner.jpg');
}
#ballparkvaluation-banner {
background-image:url('../images/ballparkvaluation-banner.jpg');
}
#leaseholder-banner {
background-image:url('../images/leaseholder-banner.jpg');
}
#freeholder-banner {
background-image:url('../images/freeholder-banner.jpg');
}
#contact-banner {
background-image:url('../images/contact-banner.jpg');
}
#buynow-banner {
background-image:url('../images/buynow-banner.jpg');
}
#bannerquote {
width: 40%;
font-size: 2.5em;
}

#content{ border: none; }

.block { width: 100%; border-bottom: 1px solid #000; }
.col-33  { display: block; float: left; width: 31%; margin-top: 1em; }
.col-66  { float: left; width: 64%; margin-top: 1em; }
.col-15  { float: left; width: 14%; }
.col-85  { padding-left: 2%; width: 82%; float: left; }
.col-10  { width: 9%; float: left; }
.col-90  { padding-left: 2%; width: 87%; float: left; }
.col-50  { width: 45%; float: left; margin-left: 2%; margin-top: 1em; }

#coin-pile, #handshake, #compass, #calculator {
padding-top: 2em;
float: left;
clear: both; 
margin: auto;
width: 100%;
max-width: 100%;
height : 15.625em; /* 250px with 16px base pixel size */
background-position: center center;
background-repeat: no-repeat;
}
#coin-pile {
background-image:url('../images/coinpile.jpg');
}
#handshake  {
background-image:url('../images/handshake.jpg');
}
#compass  {
background-image:url('../images/compass.jpg');
}
#calculator  {
background-image:url('../images/calculator.jpg');
}

#roofs, #ruler, #caliper, #eagle {
padding-top: 1em;
clear: both; 
margin: auto;
width: 100%;
max-width: 100%;
height : 5em; /* 100px with 16px base pixel size */
background-position: center center;
background-repeat:no-repeat;
}
#roofs {
background-image:url('../images/roofs.jpg');
}
#ruler {
background-image:url('../images/ruler.jpg');
}
#caliper {
background-image:url('../images/caliper.jpg');
}

#eagle {
height : 10em; /* 200px with 16px base pixel size */
background-image:url('../images/eagle.jpg');
background-position: top right;
}

#footer {
font-size: 0.75em;
}
.border-left-grey-mobilehide { border-left: 1px solid #ccc; }
.border-grey-right-mobilehide { border-right: 1px solid #cccccc; }
.border-black-bottom-maxhide { border-bottom: none; }
.mobileshow { display: none; }
}

@media only screen and (min-width: 35em) and (max-width: 48em) {
    /* Style adjustments for viewports equivalent to more than 560px but less than 768px */
#company-tag {
display: block;
float:left;
font-size: 1.25em;
}

#company-tag-mobile {
display: none;
}

#header-tag {
float: right;
font-size: 1.25em;
}

#logo { width: 6em; margin-top: 0.25em; }

#index-li, #valuation-li, #leaseholder-li, #freeholder-li, #contact-li, #buynow-li {
font-size: 0.875em; float: left; padding-left: 1%; height: 5em; 
}
#index-li { width: 14.5%; }
#valuation-li { width: 15%; }
#leaseholder-li { width: 17.5%; }
#freeholder-li { width: 17.5%; }
#contact-li { width: 15%; }
#buynow-li { width: 12%; }

.menu-link {
height: 3em;
padding-top: 1.5em;
}

#index-banner, #ballparkvaluation-banner, #leaseholder-banner, #freeholder-banner, #contact-banner, #buynow-banner  {
display: block;
height : 15.625em; /* 250px with 16px base pixel size */
}
#index-banner {
background-image:url('../images/index-banner-medium.jpg');
}
#ballparkvaluation-banner {
background-image:url('../images/ballparkvaluation-banner-medium.jpg');
}
#leaseholder-banner {
background-image:url('../images/leaseholder-banner-medium.jpg');
}
#freeholder-banner {
background-image:url('../images/freeholder-banner-medium.jpg');
}
#contact-banner {
background-image:url('../images/contact-banner-medium.jpg');
}
#buynow-banner {
background-image:url('../images/buynow-banner-medium.jpg');
}
#bannerquote {
width: 35%;
font-size: 2em;
}

#content{ border: none; }

.block { width: 98%; border-bottom: 1px solid #000; }
.col-33  { display: none; }
.col-66  { width: 100%; margin: 1em; }
.col-15  { width: 14%; float: left; }
.col-85  { padding-left: 2%; width: 82%; float: left; }
.col-10  { width: 9%; float: left; }
.col-90  { padding-left: 2%; width: 87%; float: left; }
.col-50  { width: 100%; margin: 1em; }

#footer {
font-size: 0.875em;
}
.mobileshow { display: none; }
.border-left-grey-mobilehide { border-left: 1px solid #ccc; }
}

@media only screen and (max-width: 35em) {
#index-banner, #ballparkvaluation-banner, #leaseholder-banner, #freeholder-banner, #contact-banner, #buynow-banner  {
display: block;
}
#index-banner {
background-image:url('../images/index-banner-small.jpg');
}
#ballparkvaluation-banner {
background-image:url('../images/ballparkvaluation-banner-small.jpg');
}
#leaseholder-banner {
background-image:url('../images/leaseholder-banner-small.jpg');
}
#freeholder-banner {
background-image:url('../images/freeholder-banner-small.jpg');
}
#contact-banner {
background-image:url('../images/contact-banner-small.jpg');
}
#buynow-banner {
background-image:url('../images/buynow-banner-small.jpg');
}
#content{ border: none; }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}