diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..998bb52
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+_site/*
\ No newline at end of file
diff --git a/404.md b/404.md
new file mode 100644
index 0000000..6abd745
--- /dev/null
+++ b/404.md
@@ -0,0 +1,17 @@
+---
+layout: page
+title: "oops. something's missing"
+---
+
+You seem to have found an error page. Here it is:
+
+# Error 404 File Not Found
+
+The page you requested could not be found on the site.
+
+What you could do:
+
+* Use the force, luke.
+* Go [home](/).
+* Return to the previous page.
+* Contact us.
\ No newline at end of file
diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..a407ed6
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+2punny.uni.me
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..9514b45
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,2 @@
+permalink: /:title
+title: "2punny"
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..876def0
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,29 @@
+
+
+
+ {% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}
+
+ {{ content }}
+
\ No newline at end of file
diff --git a/_layouts/pun.html b/_layouts/pun.html
new file mode 100644
index 0000000..7e55d87
--- /dev/null
+++ b/_layouts/pun.html
@@ -0,0 +1,4 @@
+---
+layout: default
+---
+{{content}}
\ No newline at end of file
diff --git a/_posts/14-08-23-theese-jokes-are-too-cheesy.md b/_posts/14-08-23-theese-jokes-are-too-cheesy.md
new file mode 100644
index 0000000..58762b0
--- /dev/null
+++ b/_posts/14-08-23-theese-jokes-are-too-cheesy.md
@@ -0,0 +1,4 @@
+---
+layout: pun
+---
+Theese jokes are too cheesy
\ No newline at end of file
diff --git a/about/index.md b/about/index.md
new file mode 100644
index 0000000..1091aef
--- /dev/null
+++ b/about/index.md
@@ -0,0 +1,10 @@
+---
+layout: page
+title: "about"
+---
+
+# About 2punny
+
+> Us guys at eurica inc started this website because our friend daniel kept making puns and we wanted to archive everything. So we went ahead and whipped up this fun site. Enjoy the puns!
+
+‐ eurica inc.
\ No newline at end of file
diff --git a/images/banner.png b/images/banner.png
new file mode 100644
index 0000000..fe459e8
Binary files /dev/null and b/images/banner.png differ
diff --git a/images/banner.xcf b/images/banner.xcf
new file mode 100644
index 0000000..32bd547
Binary files /dev/null and b/images/banner.xcf differ
diff --git a/images/logo-circle.png b/images/logo-circle.png
new file mode 100644
index 0000000..f114cff
Binary files /dev/null and b/images/logo-circle.png differ
diff --git a/images/logo-circle.xcf b/images/logo-circle.xcf
new file mode 100644
index 0000000..de2d215
Binary files /dev/null and b/images/logo-circle.xcf differ
diff --git a/images/logo-small.png b/images/logo-small.png
new file mode 100644
index 0000000..432791d
Binary files /dev/null and b/images/logo-small.png differ
diff --git a/images/logo-small.xcf b/images/logo-small.xcf
new file mode 100644
index 0000000..016daf4
Binary files /dev/null and b/images/logo-small.xcf differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..28d72b0
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/logo.xcf b/images/logo.xcf
new file mode 100644
index 0000000..91ad30a
Binary files /dev/null and b/images/logo.xcf differ
diff --git a/images/logo1024.png b/images/logo1024.png
new file mode 100644
index 0000000..996449e
Binary files /dev/null and b/images/logo1024.png differ
diff --git a/images/logo16.png b/images/logo16.png
new file mode 100644
index 0000000..06634cb
Binary files /dev/null and b/images/logo16.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4642cc9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,5 @@
+---
+layout: page
+title: "hello"
+---
+We are busy fixing the site up for the best pun-viewing experience. Watch out!
\ No newline at end of file
diff --git a/random/index.html b/random/index.html
new file mode 100644
index 0000000..a2149e6
--- /dev/null
+++ b/random/index.html
@@ -0,0 +1,8 @@
+---
+title: random
+---
+
\ No newline at end of file
diff --git a/styles/icomoon/Read Me.txt b/styles/icomoon/Read Me.txt
new file mode 100755
index 0000000..cd97d24
--- /dev/null
+++ b/styles/icomoon/Read Me.txt
@@ -0,0 +1,5 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.
diff --git a/styles/icomoon/demo-files/demo.css b/styles/icomoon/demo-files/demo.css
new file mode 100755
index 0000000..b2c3efe
--- /dev/null
+++ b/styles/icomoon/demo-files/demo.css
@@ -0,0 +1,152 @@
+body {
+ padding: 0;
+ margin: 0;
+ font-family: sans-serif;
+ font-size: 1em;
+ line-height: 1.5;
+ color: #555;
+ background: #fff;
+}
+h1 {
+ font-size: 1.5em;
+ font-weight: normal;
+}
+small {
+ font-size: .66666667em;
+}
+a {
+ color: #e74c3c;
+ text-decoration: none;
+}
+a:hover, a:focus {
+ box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+ box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+ box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+ font-size: 1em;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+input {
+ color: inherit;
+ line-height: 1.5;
+ height: 1.5em;
+ padding: .25em 0;
+}
+input:focus {
+ outline: none;
+ box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+ font-size: 16px;
+ width: 15em;
+ padding-bottom: 1em;
+ margin-right: 4em;
+ margin-bottom: 1em;
+ float: left;
+ overflow: hidden;
+}
+.liga {
+ width: 80%;
+ width: calc(100% - 2.5em);
+}
+.talign-right {
+ text-align: right;
+}
+.talign-center {
+ text-align: center;
+}
+.bgc1 {
+ background: #f1f1f1;
+}
+.fgc1 {
+ color: #999;
+}
+.fgc0 {
+ color: #000;
+}
+p {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+.mvm {
+ margin-top: .75em;
+ margin-bottom: .75em;
+}
+.mtn {
+ margin-top: 0;
+}
+.mtl, .mal {
+ margin-top: 1.5em;
+}
+.mbl, .mal {
+ margin-bottom: 1.5em;
+}
+.mal, .mhl {
+ margin-left: 1.5em;
+ margin-right: 1.5em;
+}
+.mhmm {
+ margin-left: 1em;
+ margin-right: 1em;
+}
+.mls {
+ margin-left: .25em;
+}
+.ptl {
+ padding-top: 1.5em;
+}
+.pbs, .pvs {
+ padding-bottom: .25em;
+}
+.pvs, .pts {
+ padding-top: .25em;
+}
+.clearfix {
+ zoom: 1;
+}
+.unit {
+ float: left;
+}
+.unitRight {
+ float: right;
+}
+.size1of2 {
+ width: 50%;
+}
+.size1of1 {
+ width: 100%;
+}
+.clearfix:before, .clearfix:after {
+ content: " ";
+ display: table;
+}
+.clearfix:after {
+ clear: both;
+}
+.hidden-true {
+ display: none;
+}
+.textbox0 {
+ width: 3em;
+ background: #f1f1f1;
+ padding: .25em .5em;
+ line-height: 1.5;
+ height: 1.5em;
+}
+#testDrive {
+ padding-top: 24px;
+ line-height: 1.5;
+}
+.fs0 {
+ font-size: 16px;
+}
+.fs1 {
+ font-size: 32px;
+}
diff --git a/styles/icomoon/demo-files/demo.js b/styles/icomoon/demo-files/demo.js
new file mode 100755
index 0000000..e72f449
--- /dev/null
+++ b/styles/icomoon/demo-files/demo.js
@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+ document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+ var target = e.target;
+ if (target.tagName === "INPUT" &&
+ target.getAttribute('class').indexOf('liga') === -1) {
+ target.select();
+ }
+});
+
+(function() {
+ var fontSize = document.getElementById('fontSize'),
+ testDrive = document.getElementById('testDrive'),
+ testText = document.getElementById('testText');
+ function updateTest() {
+ testDrive.innerHTML = testText.value || String.fromCharCode(160);
+ if (window.icomoonLiga) {
+ window.icomoonLiga(testDrive);
+ }
+ }
+ function updateSize() {
+ testDrive.style.fontSize = fontSize.value + 'px';
+ }
+ fontSize.addEventListener('change', updateSize, false);
+ testText.addEventListener('input', updateTest, false);
+ testText.addEventListener('change', updateTest, false);
+ updateSize();
+}());
diff --git a/styles/icomoon/demo.html b/styles/icomoon/demo.html
new file mode 100755
index 0000000..3f16369
--- /dev/null
+++ b/styles/icomoon/demo.html
@@ -0,0 +1,78 @@
+
+
+
+ IcoMoon Demo
+
+
Font Name: icomoon (Glyphs: 3)
+
Font Test Drive
+
+ Font Size:
+
+
+
+
+
+Generated by IcoMoon
+
+
+
\ No newline at end of file
diff --git a/styles/icomoon/fonts/icomoon.ttf b/styles/icomoon/fonts/icomoon.ttf
new file mode 100755
index 0000000..9c1d955
Binary files /dev/null and b/styles/icomoon/fonts/icomoon.ttf differ
diff --git a/styles/icomoon/fonts/icomoon.woff b/styles/icomoon/fonts/icomoon.woff
new file mode 100755
index 0000000..f4281fe
Binary files /dev/null and b/styles/icomoon/fonts/icomoon.woff differ
diff --git a/styles/icomoon/selection.json b/styles/icomoon/selection.json
new file mode 100755
index 0000000..482685a
--- /dev/null
+++ b/styles/icomoon/selection.json
@@ -0,0 +1,100 @@
+{
+ "IcoMoonType": "selection",
+ "icons": [
+ {
+ "icon": {
+ "paths": [
+ "M559.066 64c0 0-200.956 0-267.94 0-120.12 0-233.17 91.006-233.17 196.422 0 107.726 81.882 194.666 204.088 194.666 8.498 0 16.756-0.17 24.842-0.752-7.93 15.186-13.602 32.288-13.602 50.042 0 29.938 16.104 54.21 36.468 74.024-15.386 0-30.242 0.448-46.452 0.448-148.782-0.002-263.3 94.758-263.3 193.020 0 96.778 125.542 157.314 274.334 157.314 169.624 0 263.306-96.244 263.306-193.028 0-77.6-22.896-124.072-93.686-174.134-24.216-17.144-70.53-58.836-70.53-83.344 0-28.72 8.196-42.868 51.428-76.646 44.312-34.624 75.672-83.302 75.672-139.916 0-67.406-30.020-133.098-86.372-154.772h84.954l59.96-43.344zM465.48 719.458c2.126 8.972 3.284 18.206 3.284 27.628 0 78.2-50.392 139.31-194.974 139.31-102.842 0-177.116-65.104-177.116-143.3 0-76.642 92.126-140.444 194.964-139.332 24 0.254 46.368 4.116 66.67 10.69 55.826 38.826 95.876 60.762 107.172 105.004zM300.818 427.776c-69.038-2.064-134.636-77.226-146.552-167.86-11.916-90.666 34.37-160.042 103.388-157.99 69.010 2.074 134.638 74.814 146.558 165.458 11.906 90.66-34.39 162.458-103.394 160.392zM832 256v-192h-64v192h-192v64h192v192h64v-192h192v-64z"
+ ],
+ "tags": [
+ "google plus",
+ "social"
+ ],
+ "grid": 16
+ },
+ "properties": {
+ "id": 356,
+ "order": 4,
+ "prevSize": 32,
+ "code": 58880,
+ "name": "googleplus",
+ "ligatures": ""
+ },
+ "setIdx": 0,
+ "iconIdx": 356
+ },
+ {
+ "icon": {
+ "paths": [
+ "M575.87 1024h-191.87v-512h-128v-176.45l128-0.058-0.208-103.952c0-143.952 39.034-231.54 208.598-231.54h141.176v176.484h-88.23c-66.032 0-69.206 24.656-69.206 70.684l-0.262 88.324h158.69l-18.704 176.45-139.854 0.058-0.13 512z"
+ ],
+ "tags": [
+ "facebook",
+ "social"
+ ],
+ "grid": 16
+ },
+ "properties": {
+ "id": 361,
+ "order": 5,
+ "prevSize": 32,
+ "code": 58881,
+ "name": "facebook",
+ "ligatures": ""
+ },
+ "setIdx": 0,
+ "iconIdx": 361
+ },
+ {
+ "icon": {
+ "paths": [
+ "M1024 194.418c-37.676 16.708-78.164 28.002-120.66 33.080 43.372-26 76.686-67.17 92.372-116.23-40.596 24.078-85.556 41.56-133.41 50.98-38.32-40.83-92.922-66.34-153.346-66.34-116.022 0-210.088 94.058-210.088 210.078 0 16.466 1.858 32.5 5.44 47.878-174.6-8.764-329.402-92.4-433.018-219.506-18.084 31.028-28.446 67.116-28.446 105.618 0 72.888 37.088 137.192 93.46 174.866-34.438-1.092-66.832-10.542-95.154-26.278-0.020 0.876-0.020 1.756-0.020 2.642 0 101.788 72.418 186.696 168.522 206-17.626 4.8-36.188 7.372-55.348 7.372-13.538 0-26.698-1.32-39.528-3.772 26.736 83.46 104.32 144.206 196.252 145.896-71.9 56.35-162.486 89.934-260.916 89.934-16.958 0-33.68-0.994-50.116-2.94 92.972 59.61 203.402 94.394 322.042 94.394 386.422 0 597.736-320.124 597.736-597.744 0-9.108-0.206-18.168-0.61-27.18 41.056-29.62 76.672-66.62 104.836-108.748z"
+ ],
+ "tags": [
+ "twitter",
+ "tweet",
+ "social"
+ ],
+ "grid": 16
+ },
+ "properties": {
+ "id": 365,
+ "order": 6,
+ "prevSize": 32,
+ "code": 58882,
+ "name": "twitter",
+ "ligatures": ""
+ },
+ "setIdx": 0,
+ "iconIdx": 365
+ }
+ ],
+ "height": 1024,
+ "metadata": {
+ "name": "icomoon"
+ },
+ "preferences": {
+ "showGlyphs": true,
+ "showQuickUse": true,
+ "fontPref": {
+ "prefix": "icon-",
+ "metadata": {
+ "fontFamily": "icomoon"
+ },
+ "metrics": {
+ "emSize": 512,
+ "baseline": 6.25,
+ "whitespace": 50
+ }
+ },
+ "imagePref": {
+ "color": 0,
+ "height": 32,
+ "columns": 16,
+ "margin": 16
+ },
+ "historySize": 100,
+ "showCodes": true,
+ "search": ""
+ }
+}
\ No newline at end of file
diff --git a/styles/icomoon/style.css b/styles/icomoon/style.css
new file mode 100755
index 0000000..86c871a
--- /dev/null
+++ b/styles/icomoon/style.css
@@ -0,0 +1,34 @@
+@font-face {
+ font-family: 'icomoon';
+ src:url('fonts/icomoon.eot?-og36f0');
+ src:url('fonts/icomoon.eot?#iefix-og36f0') format('embedded-opentype'),
+ url('fonts/icomoon.woff?-og36f0') format('woff'),
+ url('fonts/icomoon.ttf?-og36f0') format('truetype'),
+ url('fonts/icomoon.svg?-og36f0#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-googleplus:before {
+ content: "\e600";
+}
+.icon-facebook:before {
+ content: "\e601";
+}
+.icon-twitter:before {
+ content: "\e602";
+}
diff --git a/styles/main.css b/styles/main.css
new file mode 100644
index 0000000..7d387b5
--- /dev/null
+++ b/styles/main.css
@@ -0,0 +1,327 @@
+
+/* Reset.css */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
+
+*, *:before, *:after {
+ box-sizing: border-box;
+}
+*:focus {
+ outline: none;
+}
+
+body {
+ line-height: 1.35em;
+ /*line-height: 1em;*/
+ font-size: 20px;
+ font-family: "Coming Soon", sans-serif;
+ background-color: #fff;
+ color: #444;
+ -webkit-font-smoothing: antialiased;
+}
+
+main {
+ margin: 0 auto;
+ max-width: 720px;
+ padding: 20px;
+ min-width: 240px;
+}
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+ box-shadow: 0 10px 0 -8px #444;/*
+ box-shadow: 0 12px 0 -10px #444;*/
+ text-shadow:
+ 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;/*,
+ 1px 1px #fff, -1px 1px #fff, -1px 1px #fff, -1px -1px #fff*/
+ -webkit-transition: 0.5s box-shadow;
+}
+a:hover, a:focus {
+ box-shadow: 0 2px 0 0 #444;
+}
+.btn {
+ color: #444;
+ line-height: 1em;
+ color: inherit;
+ text-decoration: none;
+ display: inline-block;/*
+ margin: 1em;*/
+ border-radius: 4px;
+ background-color: #fff;
+ box-shadow: 0 0 0 0 #444 inset, 0.3em 0.2em 0 0 #bbb;
+ border: 0.2em solid #444;
+ padding: 0.8em;
+ text-align: center;
+ transition: 0.25s box-shadow, 0.25s -webkit-transform;
+}
+.btn {
+ padding: 0.7em;
+}
+.btn:hover {
+ box-shadow: 0 4em 0 0 #444 inset, 0em 0em 0 0 #bbb;
+ -webkit-transform: translate(0.3em, 0.2em);
+ color: #fff;
+}
+.btn.disabled {
+ opacity: 0.8;
+}
+.btn.disabled:hover {
+ box-shadow: 0 0 0 0 #444 inset, 0.3em 0.2em 0 0 #bbb;
+ -webkit-transform: translate(0, 0);
+ color: #444;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 300;
+ line-height: 1.4em;
+ padding: 0.666em 0 0.444em 0;
+}
+h1 {
+ font-size: 2em;
+}
+h2 {
+ font-size: 1.7em;
+}
+h3 {
+ font-size: 1.5em;
+}
+h4 {
+ font-size: 1.4em;
+}
+h5 {
+ font-size: 1.3em;
+}
+h6 {
+ font-size: 1.2em;
+}
+p {
+ padding: 8px 0;
+}
+small {
+ font-size: 0.8em;
+ line-height: 1.35em;
+}
+ol, ul {
+ list-style: decimal;
+ padding: 10px 30px;
+}
+ul {
+ list-style: disc;
+}
+hr {
+ /*height: 2px;*/
+ margin: 40px auto;
+ max-width: 180px;
+ border: none;
+ /*background-color: #444;*/
+ border-bottom: 2px solid #444;
+}/*
+pre, code {
+ font-family: "Monaco";
+ background-color: #eee;
+ border: 1px solid #ddd;
+ font-size: 0.8em;
+ line-height: 1.3em;
+ padding: 0 2px;
+ border-radius: 2px;
+}
+pre {
+ background-color: #eee;
+ border: 1px solid #ddd;
+ padding: 10px;
+ margin: 10px;
+ word-wrap: break-word;
+}
+pre > code {
+ border: none;
+ background-color: transparent;
+}*/
+strong {
+ font-weight: 700;
+}
+em {
+ font-style: italic;
+}
+blockquote {
+ padding: 30px;
+ font-style: italic;
+}
+img {
+ width: 100%;
+ border-radius: 4px;
+}
+table {
+ margin: 20px;
+}
+th, td {
+ padding: 1px 12px;
+}
+th {
+ font-weight: 700;
+}
+
+
+
+
+.site-header {
+ position: fixed;
+ top: 0;
+ width: 100%;
+
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;/*
+ height: 96px;*/
+ color: #fff;
+ background-color: #e74c3c;
+ /*background: -webkit-linear-gradient(-90deg, rgb(255, 165, 0), rgba(255, 165, 0, 0));*/
+ background-repeat: no-repeat;
+
+ font-size: 24px;
+ font-family: "Shadows Into Light Two";
+}
+.site-header * {
+ padding: 0;
+ margin: 0;
+}
+.site-header h1 {
+ display: inline-block;
+ font-weight: 400;
+ font-size: 1.25em;
+ line-height: 1em;
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+.site-header h1 .circle {
+ box-shadow: none;
+ text-shadow: none;
+ height: 4em;
+ width: 4em;
+ border-radius: 2em;
+ position: absolute;
+ top: -1em;
+ left: 1em;
+ background-color: #e74c3c;
+ color: #fff;
+ text-align: center;
+ padding: 1.5em 0;
+ font-weight: 900;
+ transition: 0.25s color, 0.25s background-color, 0.4s box-shadow;
+}
+.site-header h1 .circle:hover {
+ color: #e74c3c;
+ background-color: #fff;
+ box-shadow: 2px 2px 10px #e74c3c;
+}
+/*
+.site-header h1 .logo {
+ height: 3em;
+ width: 3em;
+ background-image: url("/images/logo.png");
+ background-repeat: no-repeat;
+ background-size: 100%;
+ background-position: center 16px;
+ border-radius: 1.6em;
+ position: absolute;
+ top: -1.15em;
+ background-color: #e74c3c;
+ color: #fff;
+ padding: 1em;
+ font-weight: 900;
+}*/
+.site-header nav {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ -moz-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ /*padding-right: 5%;*/
+
+ font-size: 1em;
+ font-weight: 300;
+ line-height: 1em;
+ /*height: 100%;*/
+ padding: 0.3em 5%;
+}
+.site-header nav a {
+ box-shadow: none !important;
+ text-shadow: none !important;
+ display: inline-block;
+ /*height: 44px;*/
+ padding: 0.4em;
+
+ transition: 0.25s color, 0.25s background-color;
+}
+.site-header nav span {
+ display: block;
+ height: 100%;
+}
+.site-header nav a:hover {
+ background-color: #fff;
+ color: #e74c3c;
+}
+.site-header nav a.active {
+ font-weight: 400;
+}
+
+
+
+main {
+ padding: 10vh 6vw;
+ padding-bottom: 20vh;
+ font-size: calc(0.8vw + 12px);
+ line-height: 1.4em;
+ padding-top: 100px;
+}
+
+
+
+footer {
+ width: 100%;
+ padding: 2em 10vw;
+ background-color: #fff;
+ color: #444;
+ font-weight: 300;
+ font-size: 16px;
+ line-height: 1.2em;
+ text-align: right;
+}
+
+
+
+
+
+
+
+
+/* Breakpoint 1 */
+@media screen and (max-width: 720px) {
+ .site-header {
+ font-size: 20px;
+ }
+ footer {
+ font-size: 14px;
+ }
+}
+
+/* Breakpoint 2 */
+@media screen and (max-width: 600px) {
+ footer {
+ font-size: 14px;
+ }
+}
+
+/* Breakpoint 3 */
+@media screen and (max-width: 540px) {
+ .site-header {
+ font-size: 18px;
+ }
+}