/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/
.panel-default {
    border: 0;
}

.panel-default > .panel-heading {
    border: 0;
    height: 80px;
}

.panel-default > .panel-body > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.panel-default > .panel-footer {
    background-color: #fff;
    border: 0;
}

.panel-default > .panel-body > .question {
    height: 50px;
    margin-bottom: 10px;
}

.panel-default > .panel-body > .answers {
    height: 160px;
    margin-top: 10px;
}

.panel-default > .panel-body > .hint-sheet {
    text-align: center;
}

.link-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    height: 50px;
}

.link-image {
    margin-bottom: 50px;
}

p.slightly-bigger {
    font-size: 1.2em;
}

#footer p {
    font-size: 1.5em;
}
#strapline {
    line-height: 24px;
}
#strapline p {
    color: blue;
}