/* -- b_900 -- */
/* -- -- */
body {
color: #363636;
font-family: verdana, arial, helvetica, sans-serif;
}
/* -- -- */
/* -- -- */
/* -- -- */
header {
background-color: #fff;
border-bottom: .25em solid #f00;
position: fixed;
left: 0em;
right: 0em;
top: 0em;
z-index: 10;
}
.headerbanner {
height: auto;
padding-left: .25em;
padding-top: .25em;
width: 10em;
float: left;
}
/* -- -- */
/* -- -- */
main {
margin-top: 5em;
}
/* -- -- */
/* -- -- */
/* -- -- */
.tfat {
font-weight: bolder;
}
.tunderline {
text-decoration: underline;
}
/* -- -- */
h1 {
margin-top: 4em;
margin-bottom: 2em;
}
p {
line-height: 3em;
margin-bottom: 3em;
}
/* 1 em = 16 px */
/* 37.5em = 600 px = mobil */
@media only screen and (min-width: 37.5em) {
}
/* 56.25em = 900 px = tablet */
@media only screen and (min-width: 56.25em) {
header {
margin-left: 5%;
margin-right: 5%;
}
main {
margin-left: 5%;
margin-right: 5%;
}
}
/* 100em = 1200 px = desktop */
@media only screen and (min-width: 75em) {
p {
line-height: 4em;
}
}
/* 100em = 1600 px = tv */
@media only screen and (min-width: 100em) {
p {
line-height: 5em;
}
}