@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
@import url(https://fonts.googleapis.com/css?family=Alegreya);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
@import url(https://fonts.googleapis.com/css?family=Sacramento);
@import url(https://fonts.googleapis.com/css?family=Allura);

body {
    padding: 75px 15px;
    margin:0px;
    color: gray;
}

a{
    text-decoration:none;
    color:#bea23e;
}

body {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
    padding-inline-start: calc(48px + 4.6em);
    padding-inline-end: 48px;
    align-items: center;
    justify-content: center;
}

.header,.footer{
    position: fixed;
    height:30px;
    width:100%;
    background-size: 64px 32px;
    background-repeat: repeat-x;
    left:0;
}

.header{
    background-image: linear-gradient(-45deg, #e3e3e3, #e3e3e3 33%, #fbfbfb 33%, #fbfbfb 66%, #e3e3e3 66%, #e3e3e3);
    top:0;
}
.footer{
    background-image: linear-gradient(-45deg, #e3e3e3, #e3e3e3 33%, #fbfbfb 33%, #fbfbfb 66%, #e3e3e3 66%, #e3e3e3);
    bottom:0;
}

.container{
    min-width: 13em;
    max-width: 52em;
    position: relative;
}

.title{
        background-image: url("suspended.gif");
        background-position: left -2px;
        background-repeat: no-repeat;
        background-size: 3em;
        width: 51em;
        max-width: 100%;
}

.titletext{
            border-bottom: 1px solid #C1C1C1;
            padding-bottom: 0.4em;
            width: 85%;
            font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-size: 2em;
            margin-left: 2em;
}

.infotext{
            margin:1em 2.4em;
            line-height: 25px;
}

.infotext ul{
            
}

.infotext ul li{
            font-size: 16px;
            font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
            padding: 0.5em 0em;
}