|
|
@ -22,9 +22,9 @@ header#banner{ |
|
|
|
} |
|
|
|
header#banner h1{ |
|
|
|
font-family: 'Syne'; |
|
|
|
font-size: 110px; |
|
|
|
font-size: 7.5vw; |
|
|
|
line-height:1.25; |
|
|
|
margin: 1em 0; |
|
|
|
margin: 0.7em 0; |
|
|
|
} |
|
|
|
header#banner h1 a{ |
|
|
|
text-decoration: none; |
|
|
@ -36,8 +36,8 @@ nav#menu{ |
|
|
|
margin:0 0 0 -11em; |
|
|
|
} |
|
|
|
nav#menu li{ |
|
|
|
width: 145px; |
|
|
|
height:10em; |
|
|
|
width: 10vw; |
|
|
|
height:10vw; |
|
|
|
margin:1em 0; |
|
|
|
padding:1em; |
|
|
|
font-size: 75%; |
|
|
@ -53,14 +53,14 @@ nav#menu{ |
|
|
|
background-color: #95d1e6; |
|
|
|
} |
|
|
|
nav#menu li.pagelink{ |
|
|
|
height: 1.5em; |
|
|
|
height: 2.5em; |
|
|
|
} |
|
|
|
nav#menu a{ |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
|
|
|
|
section#content{ |
|
|
|
margin: 4em 0; |
|
|
|
margin: 4em; |
|
|
|
} |
|
|
|
article{ |
|
|
|
margin: 3em 0 2em 0; |
|
|
@ -222,3 +222,38 @@ code{ |
|
|
|
font-size: smaller; |
|
|
|
margin:4em 0; |
|
|
|
} |
|
|
|
|
|
|
|
p { |
|
|
|
word-break: break-word; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Layout phone */ |
|
|
|
@media (max-width:770px) { |
|
|
|
nav#menu li { |
|
|
|
width: 50vw; |
|
|
|
height: 24vw; |
|
|
|
font-size: 2em; |
|
|
|
margin: 1em 0.1em; |
|
|
|
} |
|
|
|
|
|
|
|
header#banner h1 { |
|
|
|
font-size: 10vw; |
|
|
|
} |
|
|
|
|
|
|
|
body{ |
|
|
|
margin-left: 9.4vw; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* Layout tablet */ |
|
|
|
@media (max-width:1024px) { |
|
|
|
body { |
|
|
|
margin-left: 13vw; |
|
|
|
} |
|
|
|
|
|
|
|
nav#menu li { |
|
|
|
height: 14vw; |
|
|
|
} |
|
|
|
} |
|
|
|