* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: blue;
}


body {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
}

.clearfix {
  overflow: auto;
}


#wrapper {
  position:relative;
  max-width: 800px;
  margin: 42px auto;
}


a {
  text-decoration:none;
  color: #333333;
}

#doglink {
  color:blue;
}

a:hover {
  color:#BBBBBB;
}

nav a:link {
  display:block;
}

header {
  position: relative;
  width: 100%;
}

h1 {
  position: absolute;
  text-align: right;
  bottom:0px;
  right:16px;
  width:100%;
  font-size:36px;
  margin:0px 0px 8px 0px;
}

h2 {
  font-family: 'Noto Sans', sans-serif;
  font-size:16px;
}

#portrait {
  float:left;
  width: 100%;
  max-height: 200px;
}


#internal {
  clear:left;
  float:left;
  width:16%;
  margin-top: 58px;
  text-align:center;
  font-family: 'Noto Sans', sans-serif;
}

.content {
  float:left;
  clear:right;
  width:84%;
  padding-right:32px;
  margin-top:8px;
  font-family: 'Noto Serif', serif;
}