html { font-size: 10px; }

body {
    font-family: "Liberation Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
    color: #333333;
    background-color: #ffffff;
    font-size: 1.6rem;
    line-height: 1.42857;
}

p {
    margin: 0.5em 0em 0.5em 0em;
}

a {
    color: #666666;
    text-decoration: none;
    outline: 0;
}

a: hover {
    text-decoration: underline;
}

h1 {
    color: #595959;
    font-size: 2.2rem;
    margin: 1em 0em 0.5em 0em;
    font-weight: bold;
    line-height: 1.42857;
    color: #000000;
}

.address-label {
    border-left: 5px solid #dddddd;
    font-weight: bold;
    margin: 20px 0;
    padding-left: 20px;
}

.center {
    text-align: center;
}

img.tobias {
    box-sizing: border-box;
    display: inline-block;
    margin: 20px auto;
    max-width: 100%;
}

a.icon {
    display: inline-block;
    margin: 20px 10px;
    max-width: 100%;
    width: 100px;
}

img.icon {
    display: inline-block;
    margin: 0;
}

.email-box {
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 15px;
    display: inline-block;
    margin: 0px;
    max-width: 100%;
    overflow: hidden;
    padding: 1em;
    position: absolute;
    z-index: 1000;
}

.email-address {
    font-family: monospace;
}

.wedge-down {
    display: inline-block;
    height: 10px;
    margin: 0;
    position: absolute;
    width: 20px;
    z-index: 1000;
}

.container{
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 20px;
    width: 1200px;
    overflow: auto
}

.container: after{
    content: "";
    display: table;
    clear: both
}

.row{
    margin: 0 -20px
}

.row: after{
    content: "";
    display: table;
    clear: both
}

.span01,.span02,.span03,.span04,.span05,.span06,.span07,.span08,.span09,.span10,.span11,.span12,.s-span01,.s-span02,.s-span03,.s-span04,.s-span05,.s-span06,.s-span07,.s-span08,.s-span09,.s-span10,.s-span11,.s-span12,.m-span01,.m-span02,.m-span03,.m-span04,.m-span05,.m-span06,.m-span07,.m-span08,.m-span09,.m-span10,.m-span11,.m-span12,.l-span01,.l-span02,.l-span03,.l-span04,.l-span05,.l-span06,.l-span07,.l-span08,.l-span09,.l-span10,.l-span11,.l-span12{
    box-sizing: border-box;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.span01{
    width: 8.33333%;
    position: relative
}

.span02{
    width: 16.66667%;
    position: relative
}

.span03{
    width: 25%;
    position: relative
}

.span04{
    width: 33.33333%;
    position: relative
}

.span05{
    width: 41.66667%;
    position: relative
}

.span06{
    width: 50%;
    position: relative
}

.span07{
    width: 58.33333%;
    position: relative
}

.span08{
    width: 66.66667%;
    position: relative
}

.span09{
    width: 75%;
    position: relative
}

.span10{
    width: 83.33333%;
    position: relative
}
.span11{
    width: 91.66667%;
    position: relative
}
.span12{
    width: 100%;
    position: relative
}

@media (min-width: 960px){
    .container{
        max-width: 100%
    }
    .l-span01{
        width: 8.33333%;
        position: relative
    }
    .l-span02{
        width: 16.66667%;
        position: relative
    }
    .l-span03{
        width: 25%;
        position: relative
    }
    .l-span04{
        width: 33.33333%;
        position: relative
    }
    .l-span05{
        width: 41.66667%;
        position: relative
    }
    .l-span06{
        width: 50%;
        position: relative
    }
    .l-span07{
        width: 58.33333%;
        position: relative
    }
    .l-span08{
        width: 66.66667%;
        position: relative
    }
    .l-span09{
        width: 75%;
        position: relative
    }
    .l-span10{
        width: 83.33333%;
        position: relative
    }
    .l-span11{
        width: 91.66667%;
        position: relative
    }
    .l-span12{
        width: 100%;
        position: relative
    }
    .l-justify{
        text-align: justify
    }
    .l-left-align{
        text-align: left
    }
    .l-right-align{
        text-align: right
    }
    .l-center{
        text-align: center
    }
    .l-visible{
        display: inherit
    }
    .l-invisible{
        display: none
    }
}

@media (min-width: 720px) and (max-width: 959.98px){
    .container{
        width: 100%
    }
    .m-span01{
        width: 8.33333%;
        position: relative
    }
    .m-span02{
        width: 16.66667%;
        position: relative
    }
    .m-span03{
        width: 25%;
        position: relative
    }
    .m-span04{
        width: 33.33333%;
        position: relative
    }
    .m-span05{
        width: 41.66667%;
        position: relative
    }
    .m-span06{
        width: 50%;
        position: relative
    }
    .m-span07{
        width: 58.33333%;
        position: relative
    }
    .m-span08{
        width: 66.66667%;
        position: relative
    }
    .m-span09{
        width: 75%;
        position: relative
    }
    .m-span10{
        width: 83.33333%;
        position: relative
    }
    .m-span11{
        width: 91.66667%;
        position: relative
    }
    .m-span12{
        width: 100%;
        position: relative
    }
    .m-justify{
        text-align: justify
    }
    .m-left-align{
        text-align: left
    }
    .m-right-align{
        text-align: right
    }
    .m-center{
        text-align: center
    }
    .m-visible{
        display: inherit
    }
    .m-invisible{
        display: none
    }
}

@media (max-width: 719.98px){
    .container{
        width: 100%
    }
    .s-span01{
        width: 8.33333%;
        position: relative
    }
    .s-span02{
        width: 16.66667%;
        position: relative
    }
    .s-span03{
        width: 25%;
        position: relative
    }
    .s-span04{
        width: 33.33333%;
        position: relative
    }
    .s-span05{
        width: 41.66667%;
        position: relative
    }
    .s-span06{
        width: 50%;
        position: relative
    }
    .s-span07{
        width: 58.33333%;
        position: relative
    }
    .s-span08{
        width: 66.66667%;
        position: relative
    }
    .s-span09{
        width: 75%;
        position: relative
    }
    .s-span10{
        width: 83.33333%;
        position: relative
    }
    .s-span11{
        width: 91.66667%;
        position: relative
    }
    .s-span12{
        width: 100%;
        position: relative
    }
    .s-justify{
        text-align: justify
    }
    .s-left-align{
        text-align: left
    }
    .s-right-align{
        text-align: right
    }
    .s-center{
        text-align: center
    }
    .s-visible{
        display: inherit
    }
    .s-invisible{
        display: none
    }
}
