@font-face {
font-family: 'calendas_plusregular';
    src: url('../fonts/calendas_plus-webfont.eot');
    src: url('../fonts/calendas_plus-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calendas_plus-webfont.woff2') format('woff2'),
         url('../fonts/calendas_plus-webfont.woff') format('woff'),
         url('../fonts/calendas_plus-webfont.ttf') format('truetype'),
         url('../fonts/calendas_plus-webfont.svg#calendas_plusregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'calendas_plusitalic';
    src: url('../fonts/calendas_plus_italic-webfont.eot');
    src: url('../fonts/calendas_plus_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calendas_plus_italic-webfont.woff2') format('woff2'),
         url('../fonts/calendas_plus_italic-webfont.woff') format('woff'),
         url('../fonts/calendas_plus_italic-webfont.ttf') format('truetype'),
         url('../fonts/calendas_plus_italic-webfont.svg#calendas_plusitalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal
}
@font-face {
    font-family: 'ostrich_sansheavy';
    src: url('../fonts/ostrichsans-heavy-webfont.eot');
    src: url('../fonts/ostrichsans-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ostrichsans-heavy-webfont.woff') format('woff'),
         url('../fonts/ostrichsans-heavy-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal
}

@font-face {
	font-family:'SweetSansPro-Light';
	src: url('../fonts/SweetSansPro-Light_gdi.eot');
	src: url('../fonts/SweetSansPro-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SweetSansPro-Light_gdi.woff') format('woff'),
		url('../fonts/SweetSansPro-Light_gdi.ttf') format('truetype'),
		url('../fonts/SweetSansPro-Light_gdi.svg#SweetSansPro-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}

*,*:before,*:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

img,object,embed{
max-width:100%
}

html{
overflow-y:scroll;
overflow-x:hidden
}

ul{
list-style:none
}

blockquote,q{
quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none
}

a{
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none
}

del{
text-decoration:line-through
}

abbr[title],dfn[title]{
border-bottom:1px dotted #000;
cursor:help
}

table{
border-collapse:collapse;
border-spacing:0
}

th{
font-weight:bold;
vertical-align:bottom
}

td{
font-weight:normal;
vertical-align:top
}

input,select,textarea{
background-image:-webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0));
/* Removing the inner shadow, rounded corners on iOS inputs */
vertical-align:middle
}

pre{
white-space:pre;/* CSS 2.0 */
white-space:pre-wrap;/* CSS 2.1 */
white-space:pre-line;/* CSS 3.0 */
white-space:-pre-wrap;/* Opera 4-6 */
white-space:-o-pre-wrap;/* Opera 7 */
white-space:-moz-pre-wrap;/* Mozilla */
white-space:-hp-pre-wrap;/* HP Printers */
word-wrap:break-word/* IE 5+ */
}

input[type="radio"]{
vertical-align:text-bottom
}

input[type="checkbox"]{
vertical-align:bottom;
*vertical-align:baseline
}

.ie6 input{
vertical-align:text-bottom
}

select,input,textarea{
font:99% sans-serif
}

table{
font-size:inherit;
font:100%
}

a:hover,a:active{
outline:none
}

small{
font-size:85%
}

strong,th{
font-weight:bold
}

td,td{
vertical-align:top
}

sub,sup{
font-size:75%;
line-height:0;
position:relative
}

sup{
top:-0.5em
}

sub{
bottom:-0.25em
}

pre,code,kbd,samp{
font-family:monospace,sans-serif
}

.clickable,label,input[type=button],input[type=submit],button{
cursor:pointer
}

button,input,select,textarea{
margin:0
}

button{
width:auto;
overflow:visible
}

.clearfix:before,.clearfix:after{
content:"\0020";
display:block;
height:0;
overflow:hidden
}

.clearfix:after{
clear:both
}

.clearfix{
zoom:1
}
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
display:block
}

audio,canvas,video{
display:inline-block;
*display:inline;
*zoom:1
}

audio:not([controls]){
display:none;
height:0
}

[hidden]{
display:none
}
/* Assistive text */

.screen-reader-text{
clip:rect(1px,1px,1px,1px);
position:absolute
}

.screen-reader-text:focus{
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
clip:auto;
color:#21759b;
display:block;
font-size:14px;
font-weight:bold;
height:auto;
line-height:normal;
padding:15px 23px 14px;
position:absolute;
left:5px;
top:5px;
text-decoration:none;
text-transform:none;
width:auto;
z-index:100000/* Above WP toolbar */
}

.hide{
display:none
}
/* =============================================================================
   Base
   ========================================================================== */

html{
font-size:1em/* 1 */
}

html,button,input,select,textarea{
font-family:sans-serif;
/* hack for clear type rendering */
-webkit-font-smoothing:antialiased;
text-shadow:1px 1px 1px rgba(0,0,0,0.004)
}

body{
margin:0;
background:#fff;
font-family:'calendas_plusregular',serif;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%
}
p, li{
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}

img,h1{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

::selection{
background:rgba(0,0,0,.5);
color:#fff
}

::-moz-selection{
background:rgba(0,0,0,.5);
color:#fff
}

*{
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none
}
/* =============================================================================
   Links
   ========================================================================== */

a:focus{
outline:thin dotted
}

a:hover,a:active{
outline:0
}
/* =============================================================================
   Theme styles
   ========================================================================== */


/* we like off-black for text */

body,select,input,textarea{
color:#333
}

a{
color:#000;
transition:all .5s ease
}

a:hover{
color:#bbb
}

::-moz-selection{
background:#f5f5f5;
color:#000;
text-shadow:none
}

::selection{
background:#f5f5f5;
color:#000;
text-shadow:none
}

a:link{
-webkit-tap-highlight-color:#f5f5f5
}

ins{
background-color:#f5f5f5;
color:#000;
text-decoration:none
}

mark{
background-color:#f5f5f5;
color:#000;
font-style:italic;
font-weight:bold
}
/* =============================================================================
   Typography
   ========================================================================== */

/* Ostrich Sans */

h1,h2,h3,h4,h5,h6,.top-menu li a, .row div:last-child, button,input[type="button"],input[type="reset"],input[type="submit"], .row-50 div:first-child p a{
text-transform:uppercase;
font-family:'ostrich_sansheavy',sans-serif;
font-size:1.2em;
letter-spacing:1px;
font-weight:normal
}

/* Calendas Plus Italic */
.row div p, .content p:first-of-type, .anidate, em, .row-50 div:first-child a{
font-family:'calendas_plusitalic',serif
}
/* Calendas regular */

.tiny p:first-of-type, .row div:first-child p, .row-50 div:first-child p{
font-family:'calendas_plusregular',serif
}
/* Sweet Sans */

.answers-list h4, .content h2:first-of-type{
font-family:'SweetSansPro-Light', sans-serif;
font-size:2em
}

}

h5{
font-size:1em
}

h1,h2,h3,h4,h5,h6{
line-height:.8
}

h1{
font-size:4em;
margin:0.67em 0 0 0
}

h2, .cols-2 h3, .cols-4 h3{
font-size:3em;
margin:0 0 0.83em 0;
font-variant:small-caps;
text-transform:lowercase;
line-height:.8
}

h3{
font-size:1.17em;
margin:1em 0
}

h4{
font-size:1.6em;
letter-spacing:1px;
margin:1.33em 0 .5em 0;
text-transform:uppercase
}

h5{
font-size:0.83em;
margin:1.67em 0
}

h6{
font-size:0.75em;
margin:2.33em 0
}

abbr[title]{
border-bottom:1px dotted
}

b,strong{
font-weight:bold
}

blockquote{
margin:1em 0
}

dfn{
font-style:italic
}

mark{
background:#09c;
color:#000
}

p,pre{
margin:0 0 1em 0
}

pre,code,kbd,samp{
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:1em
}

q{
quotes:none
}

q:before,q:after{
content:'';
content:none
}

.content p{
font-size:1.5em;
line-height:1.2
}

small, .small{
font-size:75%
}
.tiny, .tiny p{
font-size:.85em;
line-height:1.4
}

sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup{
top:-0.5em
}

sub{
bottom:-0.25em
}
/* image replacement */

.ir{
text-indent:100%;
white-space:nowrap;
overflow:hidden
}
/* =============================================================================
   Lists
   ========================================================================== */

dl,menu,ol,ul{
margin:1em 0
}

dd{
margin:0
}

menu,ol,ul{
padding:0
}

nav ul,nav ol{
list-style:none;
list-style-image:none
}
/* =============================================================================
   Embedded content
   ========================================================================== */

img{
border:0;
-ms-interpolation-mode:bicubic;
vertical-align:middle;
width:100%
}

svg:not(:root){
overflow:hidden
}

img:not(.png) {
  width: 100%;
}

figure{
margin:0
}
/* ============
   Forms
   ============ */

form{
margin:0;
padding:0
}
button,input,select,textarea{
font-family:'calendas_plusitalic',serif;
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:baseline;
border:0;
padding:1em
}

label,button,input{
line-height:1.1
}

button,input[type="button"],input[type="reset"],input[type="submit"]{
cursor:pointer;
-webkit-appearance:button;
*overflow:visible;
border:0;
margin:0;
background:transparent;
text-transform:uppercase;
text-align:right
}

button[disabled],input[disabled]{
cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0
}

textarea{
overflow:auto;/* 1 */
vertical-align:top/* 2 */
}

input[type="checkbox"],input[type="radio"]{
vertical-align:middle;
position:relative;
bottom:1px
}

input[type=radio]{
bottom:2px
}

/* caret animations */


label {
  display: block;
  position: relative;
}

textarea,
input {
  border: 2px solid #ddd;
  color: #999;
  display: block;
  width: 100%;
  -webkit-transition: border-color 300ms, color 300ms;
  transition: border-color 300ms, color 300ms;
  -webkit-appearance: none;
margin-bottom:.5em
}

textarea:focus,
input:focus {
  border-color: #000;
  color: #000;
  outline: none;
}

textarea {
  margin: 0;
  min-height: 7.5em;
  overflow: auto;
  resize: vertical;
}

.arrow {
  border-top: 9px solid #ddd;
  border-right: 9px solid #ddd;
  border-bottom: 9px inset transparent;
  border-left: 9px inset transparent;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}

input:focus + .arrow,
textarea:focus + .arrow {
  border-top-color: #000;
  border-right-color: #000;
}

#submit{
padding:.5em 0 0 0;
font-size:2em;
color:#000
}

/* ============
Slides
   ============ */

.outer-wrapper{

overflow-x:hidden
}

.inner-wrapper{
width:100%;
overflow:hidden
}

.header{
padding:0 10%
}

.content p a{
text-decoration:underline
}

/**
* Styles for the header menu.
*/

.float-left{
float:left
}

.float-right{
float:right
}

.menutop{
position:fixed;
left:0;
top:0;
width:84%;
margin:0 8%;
border-bottom:1px solid #000;
padding:2% 0 0 0;
background:rgb(255, 255, 255);
background:rgba(255, 255, 255, 0.9);
z-index:1;
    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;

    animation-name: dropHeader;
    animation-iteration-count: once;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}
@-moz-keyframes dropHeader {
    0% {
        -moz-transform: translateY(-200px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes dropHeader {
    0% {
        -webkit-transform: translateY(-200px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes dropHeader {
    0% {
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0);
    }
}

.top-menu{
margin:0;
padding:0;
width:38%;
margin-top:-5%
}

.home-logo{
width:24%;
padding:0% 4% 2% 4%;
margin:0 38%;
text-align:center
}

.menutop .float-left li{
float:right
}

.top-menu li{
float:left;
margin:0;
padding:0 2%
}

.top-menu li a,.home-logo a{
display:block;
outline:0
}


.top-menu .selected{
text-decoration:line-through;
color:#bbb
}
/**
* Styles for the navigation.
*/

.header .nav{
display:none
}

.anidate{
text-transform:lowercase;
font-size:.6em!important;
vertical-align:baseline;
line-height:1em
}


/**
* Styles for the content.
*/
.slide{
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
-o-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:3s;
-moz-animation-duration:3s;
-o-animation-duration:3s;
animation-duration:3s;
}


/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.content{
padding:10%
}

.row, .row-50{
display: table;
width: 100%;
margin-bottom:2em
}
.row div, .row-50 div{
display: table-cell;
width: 25%;
vertical-align:middle;
padding:1em;
border-left:1px solid #000
}
.row-50 div{
width:50%
}

.row div:nth-child(3){
width:35%
}

.row div:nth-child(4){
width:15%;
color:#aaa
}
.row div:first-child, .row-50 div:first-child{
padding-left:0;
border-left:0;
text-align:right
}
.row-50 div:first-child p{
margin-top:.5em;
padding-top:.5em;
border-top:1px solid #000;
display:block
}
.row-50 div:first-child p a{
text-decoration:none
}

.row div h2, .row div h3, .row div p, .row div ul, .row div li,
.row-50 div h2, .row-50 div h3, .row-50 div p, .row-50 div ul, .row-50 div li{
padding:0;
margin:0
}
.row div h2, .row-50 div h2{
font-size:.75em
}
.row div h3, .row-50 div h3{
line-height:1
}
.row div p, .row-50 div p{
font-size:.85em;
}
.row div:last-child, .row-50 div:last-child{
font-size:.8em
}
.row div img, .row-50 div img, .cols-4 img{
border:1px solid #bbb
}

.sec{
display:none
}

/* Columns */
.half-50{
width:50%;
float:left
}
.half-50 img, .cols-4 img{
width:100%
}
.cols-4 img{
margin-bottom:.5em
}

.list-70 ul{
overflow:auto
}
.list-70 h4{
margin-top:0
}

.list-70 li{
width:70%;
float:left;
border-left:1px solid #000;
padding-left:2.5%
}
.list-70 ul li:first-of-type{
width:30%;
text-align:right;
padding-right:2.5%;
border-left:0;
padding-left:0
}



.p-right{
padding-right:5%;
font-size:.8em;
text-align:right
}
.cols-2{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2
}

.cols-4{
-webkit-column-count:4;
-moz-column-count:4;
column-count:4
}

.cols-2, .cols-4{
padding-top:5%;
-webkit-column-gap:4em;
-moz-column-gap:4em;
column-gap:4em;
-webkit-column-rule:1px solid #000;
-moz-column-rule: 1px solid #000;
column-rule:1px solid #000
}

.cols-2 div, .cols-4 div{
display:table
}
.cols-4 p{
margin-top:1em;
font-size:1em
}

.cols-4 h3{
margin:0 0 .5em 0
}

#profile-pic{
width:20%;
float:left;
margin:2.5% 5% 2.5% 0
}
/* answers */
.answers-list h4{
letter-spacing:0;
font-size:1.2em;
line-height:1.2
}
.answers-list p{
line-height:1.4
}


/* ============
Home animations
 ============ */
.cd-title {
  position: relative;
  text-align: center;
vertical-align:baseline
}
.cd-intro {
text-align: center;
  margin: 25% auto 0 auto;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
text-align:center
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* --------------------------------

xclip

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top
}
.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #000;
}

.cd-headline.clip b {
  opacity: 0;
  font-weight:normal
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}


/* ============
Lightbox
   ============ */

html{
/* killing 300ms touch delay in IE */
-ms-touch-action:manipulation;
touch-action:manipulation
}

#imagelightbox{
cursor:pointer;
position:fixed;
z-index:10000;
-ms-touch-action:none;
touch-action:none;
-webkit-box-shadow:0 0 3.125em rgba(0,0,0,.75);/* 50 */
-moz-box-shadow:0 0 3.125em rgba(0,0,0,.75);/* 50 */
box-shadow:0 0 3.125em rgba(0,0,0,.75)/* 50 */
}
/* WITH ACTIVITY INDICATION */

#imagelightbox-loading,#imagelightbox-loading div{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}

#imagelightbox-loading{
width:4.5em;/* 40 */
height:4.5em;/* 40 */
background-color:#fff;
position:fixed;
z-index:10003;
top:50%;
left:50%;
padding:0.625em;/* 10 */
margin:-1.25em 0 0 -1.25em;/* 20 */
-webkit-box-shadow:0 0 2.5em rgba(0,0,0,.75);/* 40 */
-moz-box-shadow:0 0 2.5em rgba(0,0,0,.75);/* 40 */
box-shadow:0 0 2.5em rgba(0,0,0,.75)/* 40 */
}

#imagelightbox-loading div{
width:3.25em;/* 20 */
height:3.25em;/* 20 */
background:url(../images/icon.png) no-repeat center center;
background-size:cover;
-webkit-animation:imagelightbox-loading .5s ease infinite;
-moz-animation:imagelightbox-loading .5s ease infinite;
-o-animation:imagelightbox-loading .5s ease infinite;
animation:imagelightbox-loading .5s ease infinite
}

@-webkit-keyframes imagelightbox-loading{
from{
opacity:.5;
-webkit-transform:scale(.75)
}

50%{
opacity:1;
-webkit-transform:scale(1)
}

to{
opacity:.5;
-webkit-transform:scale(.75)
}
}

@-moz-keyframes imagelightbox-loading{
from{
opacity:.5;
-moz-transform:scale(.75)
}

50%{
opacity:1;
-moz-transform:scale(1)
}

to{
opacity:.5;
-moz-transform:scale(.75)
}
}

@-o-keyframes imagelightbox-loading{
from{
opacity:.5;
-o-transform:scale(.75)
}

50%{
opacity:1;
-o-transform:scale(1)
}

to{
opacity:.5;
-o-transform:scale(.75)
}
}

@keyframes imagelightbox-loading{
from{
opacity:.5;
transform:scale(.75)
}

50%{
opacity:1;
transform:scale(1)
}

to{
opacity:.5;
transform:scale(.75)
}
}
/* WITH OVERLAY */

#imagelightbox-overlay{
background-color:#fff;
background-color:rgba(255,255,255,.9);
position:fixed;
z-index:9998;
top:0;
right:0;
bottom:0;
left:0
}



@-webkit-keyframes fade-in{
from{
opacity:0
}

to{
opacity:1
}
}

@-moz-keyframes fade-in{
from{
opacity:0
}

to{
opacity:1
}
}

@-ms-keyframes fade-in{
from{
opacity:0
}

to{
opacity:1
}
}

@-o-keyframes fade-in{
from{
opacity:0
}

to{
opacity:1
}
}

@keyframes fade-in{
from{
opacity:0
}

to{
opacity:1
}
}

@media only screen and(max-width:41.250em)/* 660 */ {
#container{
width:100%
}
}



/* Media queries!
-------------------------------------------------------------------------------*/

@media(max-width:480px){
.cd-intro{
font-size:70%
}

h3,h4,h5,h6{
font-size:150%
}

h1,h2{
font-size:300%
}

.top-menu{
margin:0;
padding:10% 0 2% 0;
width:30%;
margin-top:-5%
}
.menutop .float-left li, .menutop .float-right li, .half-50{
width:100%;
padding-bottom:.5em
}
.menutop .float-left li{
text-align:right
}
.menutop .float-left{
padding-right:5%;
border-right:1px solid #000
}
.menutop .float-right{
padding-left:5%;
border-left:1px solid #000
}
.home-logo{
width:40%;
padding:10% 5% 0 5%;
margin:0 30%;
text-align:center;
position:absolute
}
.content{
padding:35% 10% 10% 10%
}
.row div{
width:50%;
float:left
}
.row div:last-child{
margin-left:50%
}
.row div:nth-child(3), .row div:nth-child(4){
padding:0 1em 1em 1em;
width:50%
}
.row div h3, .row-50 div h3{
font-size:130%
}
.p-right{
padding-right:0
}
.cols-4, .cols-2{
-webkit-column-count:1;
-moz-column-count:1;
column-count:1
}
#profile-pic{
width:40%
}
}

@media(max-width:600px){
#page-wrap{
font-size:0.750em/* 12*/
}
}

@media(max-width:800px){
#page-wrap{
font-size:0.875em/* 14px */
}
}

@media(min-width:1200px){
#page-wrap{
font-size:1.250em/* 20px */
}
}

@media(min-width:1600px){
#page-wrap{
font-size:1.563em/* 25px */
}
}

@media(min-width:2000px){
#page-wrap{
font-size:1.875em/* 30px */
}
}

@media(min-width:2500px){
#page-wrap{
font-size:2.500em/* 40px */
}
}

@media(min-width:3000px){
#page-wrap{
font-size:3.125em/* 50px */
}
}