/* ======= RESET ======= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
}
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section {
	display:block;
}
h1, h2, h3, h4, h5, h6, p {
	font-size:1em;
	margin-bottom:1.5rem;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
strong, b, mark {
	font-weight:bold;
	font-style:inherit;
}
em, i, cite, q, address, dfn, var {
	font-style:italic;
	font-weight:inherit;
}
abbr[title], dfn[title] {
	cursor:help;
	border-bottom:1px dotted;
}
ins {
	border-bottom:1px solid;
}
a, u, ins {
	text-decoration:none;
}
del, s {
	text-decoration:line-through;
}
pre, code, samp, kbd {
	font-family:monospace;
}
small {
	font-size:0.75em;
}
img {
	border:none;
	font-style:italic;
}
input, select, option, optgroup, textarea {
	font:inherit;
}
figcaption,small{
	font-size:12px;
	font-size:0.75rem;
}
input,textarea{
	font:inherit;
}
body{
	min-height:100%;
}
pre,
code{
	font-family: monospace;
}
pre{
	overflow:auto;
	line-height:24px;
}
img,
object,
embed,
video{
	max-width:100%;
	height:auto;
}
.cf:before,
.grids:before,
.media:before,
.cf:after,
.grids:after,
.media:after {
	content:"";
	display:table;
}
.cf:after,
.grids:after,
.media:after {
	clear:both;
}
fieldset {
	padding:1.5em;
	border:1px solid #ccc;
}
label {
	display:block;
}
label,
.text-input,
textarea,
.btn {
	cursor:pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
    cursor:text;
}
fieldset > :last-child{
	margin-bottom:0;
}


/* TABLES */

table{
	width:100%;
	max-width:100%;
}
thead tr:last-of-type th{
	border-bottom-width:2px;
}
tbody th{
	border-right-width:2px;
}
th:empty{
	border:none;
}
th, td{
	vertical-align:top;
	padding:0.75em;
	border:1px solid #ccc;
}
th{
	font-weight:bold;
	text-align:center
}
table [colspan]{
	text-align:center;
}
table [rowspan]{
	vertical-align:middle;
}
[colspan="1"]{
    text-align:left;
}
[rowspan="1"]{
    vertical-align:top;
}
tbody tr:nth-of-type(odd){
	background:rgba(0,0,0,0.05);
}
tfoot{
	text-align:center;
}
tfoot td{
	border-top-width:2px;
}


/* MOBILE */

@media (max-width: 720px){  
    html{
        font-size:1.125em;
    }
    .wrapper{
        width:auto;
    }
    .grids{
        margin:0;
        width:auto;
    }
    [class^="grid-"],
    .grids [class^="grid-"]{
        width:auto;
        float:none;
        margin:0;
    }
}


/*  PRINT */

@media print{
    *{
        background-color:#fff;
        color:#000;
        text-shadow:none!important;
    }
    body{
        font-size:0.75em; /* 12px (if base font-size was 16px) */
    }
    .wrapper{
        width:75%;
        margin:0 auto;
    }
    .nav,
    .footer{
        display:none;
    }
    .grids{
        width:auto;
    }
    [class^="grid-"]{
        width:auto;
        float:none;
        clear:both;
    }
    img{
        max-width:100%;
        height:auto;
    }
}