* {
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html{
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body{
position:relative;
min-height: 100%;
font-size:16px;
background-color: cadetblue;
}

body,h1,h2,h3,h4,h5,h6,p,a,ul,li,small,strong,i,em{
font-weight: normal;
font-size:1em;
margin:0;
padding:0;
border:0;
text-decoration:none;
color:#FFF;
line-height:1.4;
list-style: none;
}

a:hover, 
a:active,
a:focus {
outline:0;
}

body.theme-0{background-color:#1DB8B2;}
body.theme-1{background-color:#404898;}
body.theme-2{background-color:#E7216D;}

.nowrap{
white-space: nowrap;
}

.block{
display:block;
}

.clear,
.row::after{
clear: both;
display: table;
content:"";
}

.col{
float:left;
}

.light{
font-weight:300;
}

.strong{
font-weight:600;
}

.strong-hard{
font-weight:900;
}

.smaller{
font-size:0.85em;
line-height:1.15em;
}

.smaller-hard{
font-size:0.6em;
line-height:1.15em;
}

.bigger{
font-size:1.15em;
}

.italic{
font-style:italic;
}

h1{
font-size:1.54em;
}

.comments{
font-style:italic;
font-weight:400;
font-size:0.5em;
}

a.hover-dotted:hover{
text-decoration: underline!important;
text-decoration-style: dotted!important;
}