body {
    font-family: 'Raleway', sans-serif;
    margin:0;
    padding:0;
    height: 100%;
    color:#333
}

main { 
    display: flex;
    flex-direction: column;
    height: 100%;
}

.top {    
    display: flex;
    padding:2rem;
    flex-direction: column;
    flex-grow:1;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid #e7e7e7;
}

.footer {
    background-color: #f5f5f5 ;
}

.container {
    padding: 4em 2em;
    display: flex;
    flex-direction: row;
    max-width: 52em;
    margin: 0 auto;
}

.col-details {
    width: 100%;
}

.col-logo {
    display:flex;
    align-items: center;
}

h1, h2 {
    text-align: center;
    margin:0;
}

h1 {
    font-size: clamp(2rem, 4vw, 6vw);
    letter-spacing: 2px;
}

h2 {
    font-size: clamp(1rem, 2vw, 6vw);
    font-weight:400;
}

a {
    color: #333;
}

p {
    margin:0;
    padding:.2em;
}

.small {
    font-size:.5rem;
    text-align: center;
}

.logo {
    display:grid;
    justify-items: center;
    padding-bottom:2em;
}

.logo img {
    width:100px;
}

.support-logo {
    display:grid;
    justify-items: center;
}

.support-logo img {
    width:100px;
}