::selection {
    color: #dadedf;
}

::-webkit-scrollbar {
    display: none;
}

* {
    margin: 0;
    padding: 0;
}

html {
    width: 100vw;
    height: auto;
    cursor: default;
}

body {
    background: #dadedf;
    font-family: Helvetica;
    font-size: .9em;
    line-height: .9em;
    letter-spacing: .01em;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

a:hover {
    color: green;
    transition: color .3s ease-in-out;
}

a:not( :hover) {
    color: black;
    transition: color .3s ease-in-out;
}

p {
    line-height: 1.25em;
}

.container {
    width: 100vw;
    height: auto;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

#logo {
    width: 100vw;
    height: auto;
    margin: 80px 0 80px 0;
    display: flex;
    justify-content: center;
    transition: margin .3s ease-in-out;    
}

#logo img {
    width: 70%;
    transition: width .5s ease-in-out;
}

#details {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100vw - 30px);
    padding: 0 0 0 30px;
    height: auto;
}

.information {
    width: calc((100%/1) - 30px);
    height: auto;
    margin: 0 30px 30px 0;
}

.tablewrapper {
    background: white;
    border-radius: 7px;
    padding: 10px 20px 10px 20px;    
}

table {
    width: 100%;
    border-collapse: collapse;
}

table tr {
    vertical-align: top;
    border-bottom: 1px solid #dadedf;
}

table td {
    width: 50%;
    padding: 12px 0 10px 0;
}

.alignright {
    text-align: right;
}

.headline {
    padding: 10px 0 12px 0;
    letter-spacing: .02em;    
    text-align: left;
    border-bottom: 1px solid #dadedf;    
}

.borderless {
    border-bottom: none;
}

.note {
    color: white;
    background: #008F55;
}

@media only screen and (min-width: 800px) {

    #logo {
        margin: 90px 0 90px 0;
    }
    
    
    #logo img {
        width: 50%;    
    }

    .information {
        width: calc((100%/2) - 30px);
    }

}

@media only screen and (min-width: 1200px) {

    #logo {
        margin: 100px 0 100px 0;
    }
    
    #logo img {
        width: 35%;
    }

    .information {
        width: calc((100%/3) - 30px);
    }

}