#canvas {
    font-size: 19px;
}
#footer {
    padding: 10px;
}
.background-image-container {
    background-attachment: fixed;
    background-origin: initial;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    position: relative;
    text-align: center;
    color: white;
}
.image-paper-planes {
    background-image: url(/user_uploads/img/1/paper-planes.jpg);
}
.image-colour-explosion {
    background-image: url(/user_uploads/img/1/colour-explosion2.jpg);
}
.image-coloured-blocks {
    background-image: url(/user_uploads/img/1/coloured-blocks.jpg);
}
.image-hands {
    background-image: url(/user_uploads/img/1/hands.jpg);
}
.image-laptop {
    background-image: url(/user_uploads/img/1/laptop.jpg);
}
.image-launching-arrows {
    background-image: url(/user_uploads/img/1/launching-arrows.jpg);
}
.image-lightbulb {
    background-image: url(/user_uploads/img/1/lightbulb.jpg);
}
.image-team {
    background-image: url(/user_uploads/img/1/team.jpg);
}
.image-team-overview {
    background-image: url(/user_uploads/img/1/team-overview.jpg);
}
.image-tree {
    background-image: url(/user_uploads/img/1/tree.jpg);
}
.image-wave {
    background-image: url(/user_uploads/img/1/wave.jpg);
}
.background-image-container h1, .background-image-container h2 {
    text-shadow: 2px 2px #000000;
}
h3 {
    margin-top: 0;
}
.background-image-container h1 {
    font-size: 30px;
}
.background-image-container h2 {
    font-size: 20px;
}
h3 {
    color: #FE9A00;
    text-shadow: 1px 1px #bbbbbb;
    font-size: 18px;
}
li {
    margin-top: 10px;
}
.margin-top-bottom {
    margin-top: 40px;
    margin-bottom: 40px;
}
.center-children div {
    text-align: center;
}
.center-children img {
    width: 50%;
    max-width: 180px;
    margin-bottom: 15px;
}
.plan {
    text-align: center;
    border: 1px solid #666666;
    padding: 10px;
}
.plan h1, .plan h2 {
    text-shadow: none;
    margin-top: 0;
}
.plan h2 {
    font-size: 24px;
}
.plan ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.plan-header {
    padding: 10px;
}
.plan-header.free {
    background-color: #dfebfa;
}
.plan-header.basic {
    background-color: #c6ddfa;
}
.plan-header.team {
    background-color: #a7cdfa;
}
.plan-header.organisation {
    background-color: #87bbfa;
}
.contact-form {
    border: 1px solid #cccccc;
    border-radius: 12px;
    box-shadow: 0px 0px 10px #cccccc;
    padding: 12px;
}
.strikethrough {
    text-decoration: line-through; 
}
.support img {
    max-width: 100%;
    border: 1px solid black;
}
@media (min-width: 768px) {
    .background-image-container h1 {
        font-size: 40px;
    }
    .background-image-container h2 {
        font-size: 25px;
    }
    h3 {
        font-size: 22px;
    }
}