/*
  @font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(/fonts/RobotoSlab-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(/fonts/RobotoSlab-Bold.woff) format('woff');
}
*/

.right { text-align: right}
a {
color:#644d68;
font-weight:bold;
}
body{
  margin:5px auto;
  max-width:100%;
  width:auto;
  line-height:1.6;
  font-size:16px;
  color:#333;
  background-color:#545;
  padding:0 10px;
  font-family:sans-serif;
  text-align:justify;
}

h1,h2,h3{
  line-height:1.2
}
div#header {
    border-bottom: 2px solid black;
    margin-bottom: 30px;
    padding: 12px 0px 12px 0px;
}
div#main {
    background-color:#fff;
    border-radius:10px;
    min-height:300px;
    padding-top: 50px;
    padding-right: 40px;
    padding-bottom: 50px;
    padding-left: 40px;
}
.profile {
  display: inline-block;
  width: 125px;
  height: 156px;
  border-radius: 10%;
  overflow: hidden;
  padding:10px;
}

/* overrides for smartphones */
@media (min-width: 800px) and (min-device-width: 800px){
body {
  max-width:800px;
  margin:40px auto;
  font-size:18px;
}
.profile {
      float:right;
}
}