/*
Copyright (c) 2016 David Codd <david@dcodd.co.uk>.
*/
/* 
    Created on : 28-Jun-2016, 12:44:54
    Author     : David Codd <david@dcodd.co.uk>
*/
html { height: 100%; width: 100%; margin: 0; }
body { 
    width: 100%;
    margin: 0; 
    color: #394867;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background-image: url("../images/caroline_webpage_background.png");
    background-color: #eee;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
   
}
#main {
    font-size: 1em;
    /*font-size: 1.4em;*/
    height: 100%;
    justify-content:  flex-start;
    margin:0 40px;
}
.spacer {
    float: right;
    clear: right;
    height:30px;
    background-color: transparent;
    display: block;
    opacity: 0.4;
}
@media screen and (min-width: 300px){
    #main {
    font-size: 0.23em;
    }
    .spacer {
    height:13px;
    }
}
@media screen and (min-width: 360px){
    #main {
    font-size: 0.3em;
    }
    .spacer {
    height:14px;
    }
}
@media screen and (min-width: 480px){
    #main {
    font-size: 0.6em;
    }
    .spacer {
    height:30px;
    }
}
@media screen and (min-width: 900px){
    #main {
    font-size: 0.8em;
    }
    .spacer {
    height:40px;
    }
}
@media screen and (min-width: 1200px){
    #main {
    font-size: 1em;
    }
    .spacer {
    height:54px;
    }
}
h1 {
    font-weight: 200;
    font-size: 400%;
}
h2 {
    font-weight: 200;
    font-size: 200%;
}
a:link, a:visited, a:active {
    text-decoration: none;
    color: #394867;
}
a:hover {
    text-decoration: none;
    color: #394867;
    background-color: #ddd;
}