@font-face {
    font-family: 'Libertine_R';
    src: url('fonts/LinLibertine_R.ttf') format('truetype');
}

@font-face {
    font-family: 'Libertine_RB';
    src: url('fonts/LinLibertine_RB.ttf') format('truetype');
}

@font-face {
    font-family: 'Libertine_RBI';
    src: url('fonts/LinLibertine_RBI.ttf') format('truetype');
}

@font-face {
    font-family: 'Libertine_aBS';
    src: url('fonts/LinLibertine_aBS.ttf') format('truetype');
}

@font-face {
    font-family: 'Bitter';
    src: url('fonts/Bitter-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'IBMPlex';
    src: url('fonts/IBMPlexSerif-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'RoutedGothic';
    src: url('fonts/routed-gothic.ttf') format('truetype');
}

@font-face {
    font-family: 'Embargo';
    src: url('fonts/embargo.woff');
}

body {
    font-size: 24px;
    font-family: "Bitter";
    background-color: #eae1c7;
    color: #432818;
}


a {
    color: #2d7774;
}

a:visited{
    color: #2d7774;
}

#spacer {
    margin-top: 10vh;
}

#column {
    color: #432818;
}

#logo {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    display: block;
    border-radius: 10px;
}

#ashtreesystems {
    text-align: center;
    font-family: "Libertine_aBS";
    font-size: 100px;
    line-height: 80%;
}

#ashtreesystems_small {
    text-align: center;
    font-family: "Libertine_aBS";
    font-size: 60px;
    line-height: 80%;
}

#slogan {
    font-family: "Libertine_RBI";
    text-align: center;
    font-size: 26px;
}

#column {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    max-width: 1000px;
}

.biglink {
    font-size: 34px;
    text-align: center;
    font-family: "Libertine_RB";
    margin-top: 5vh;
}

#theform {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

blockquote {
    font-size: 18px;
    font-family: 'Bitter';
}

input[type=text] {
    padding:5px; 
    border:2px solid #bb9457; 
    -webkit-border-radius: 5px;
    background:#eae1c7; 
    border-radius: 5px;
}

input[type=text]:focus {
    border-color:#fbf2d7;
}

input[type=submit] {
    padding:5px 15px; 
    background:#ded6d1; 
    border:1px none #bb9457;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

@media (max-width: 760px) {
    #spacer {
        margin-top: 5vh;
    }

    #logo {
        display: unset;
    }

    #logo {
        margin-left: auto;
        margin-right: auto;
        width: 350px;
        display: block;
        border-radius: 10px;
    }

    #ashtreesystems {
        margin-top: 5vh;
        font-size: 64px;
        text-align: center;
    }

    #column {
        width: 85%;
    }
}