@import url(https://fonts.googleapis.com/css?family=Quando);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

html, body {
background-color: #e3e9ec;
min-height:100%;
padding:0;
margin:0;
font-family:Quando, sans-serif;
color:#5F7C8A;
}

body {
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

h1, h2, h3, h4, h5, h6 {
font-family:Quando, sans-serif;
}

a:link, a:visited {
color:inherit;
text-decoration:none;
}

a:hover, a:active {
text-decoration:underline;
color:#23527c;
}

a.button:link, a.button:visited {
  display:inline-block;
  border:1px dotted black;
  margin:4px;
}

a.button:hover, a.button:active {
  text-decoration:none;
  border:1px solid black;
  background:lightgray;
  opacity:0.8;
}

div.header {
text-align:center;
padding-bottom:10px;
padding-top:10px;
margin-bottom:10px;
}

div.header .title {
display:block;
font-family:Quando, Dejavu Sans Light, sans-serif;
font-size:20pt;
margin:10px;
}

div.header .description {
display:block;
font-family:PT Sans, Quando, Ubuntu, sans-serif;
font-size:14pt;
padding-bottom:14px;
}

div.header a {
font-size:14pt;
}

div.footer {
text-align:center;
padding-bottom:10px;
padding-top:10px;
margin-top:10px;
font-size:14pt;
}

div.content {
text-align:center;
}

div.item {
display:inline-block;
vertical-align:top;
width:40%;
border-radius:5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background: white;
padding:0;
margin:10px;
height:550px;
text-align:left;
}

div.item h1 {
width:100%;
background:#d4dde1;
margin:0;
padding:0;
border-radius:inherit;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-bottom:none;
color:blue;
font-family: Quando, DejaVu Sans, Segoe UI Light, sans-serif;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
color:inherit;
padding:10px 0px;
font-weight:400;
}

div.item p{
padding:5px 10px;
color:inherit;
line-height:130%;
}

@media screen and (max-width: 700px) {
    div.item {
    width:90%;
    height:auto;
    }
    div.footer {
    border-top:1px dashed black;
    }
}
