@import url("fonts/ostrich/ostrich-sans.css");

#header {
    font-family: Ostrich Sans Inline;
    -webkit-font-smoothing: antialiased;
}

.section h1{
    font-family: Ostrich Sans Rounded;
}

body {
    font-family: "Dosis";
}


html, body{
  min-height: 100%;
}

#header {
    width: 100%;
    background: #202020;
    margin: 0;
    border: 0;
    padding-top: .5em;
    padding-bottom: .5em;
}
.blur {
    opacity:1; /*initial opacity*/
}


#logo {
    line-height: 100%;
    display:inline-block;
    font-size: 4.0em;
    margin-left:5%;
    color: #FDFDFD;
}

#subtext a{
    display:inline-block;
    font-size: 1.0em;
    margin-left:5%;
    color: inherit;
}

#logo a {
    color:inherit;
}


#logo_dot{ 
    color: #FDDD07;
}

body {
    font-size: 100%;
    padding: 0 0 2em 0;
    margin: 0;
    border: 0;
    color: #7e7e7b;
    background-color: #ffFFff;
}

#content {
    display:inline-block;
    margin-left:5%;
}

figcaption{
    display:block;
}

figure { 
    display:inline-block;
    vertical-align:top;
    margin:0 15px 0 0;
}

a {
    text-decoration:none;
}

.section a {
    color: #202020;
}


.section a:hover,
.section a:hover .info
 { 
    color: #263dcc;
}
/*
a .info{
    transition:color .5s ease-out;
    color: #263dcc;
}

.talk a:hover, a:hover .info { 
    color: #263dcc;
}
*/

.avatar {
    max-width:10em;
    border-radius: 6px;
}

.section {
    margin: 1em 1em 1em 0px;
    clear :left;
}

.section h1{
    font-weight: normal;
    font-size: 2.0em;
    line-height: 1;
    margin: 0px 0px 0px 0px;
}

.talk {
    font-weight: bold;
    font-size: 1.15em;
    margin: 0px 0px 0px 1em;
    color: #202020;
    width:auto;
}


.talk .info {
    font-weight: normal;
    font-size: .8em;
    margin: 0px 0 0px 0;
    color: #202020;
}


/* Mobile settings */

@media only screen and (max-device-width: 480px) {
    #logo {
	    font-size: 3.5em;
    }

    .section h1{
	    font-size: 2em;
    }

    .avatar {
	    max-width:8em;
	    border-radius: 6px;
    }
}