body {
    margin: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff;
}

#main-container {
    margin: 0;
    width: 100%;
    background-color: #1b3765;
}

#signatures-list {
    font-size: 26px;
}

table {
    width: 100%;
}

td {
    margin: 0;
    font-family: 'Century-Gothic', sans-serif;
    color: #02628C;
    text-align: center;
}

.td-padding {
    padding: 0 5px 0 5px;
    position: relative;
}

.icon {
    width: 100%;
    position: relative;
}

.fit-content-width {
    width: 1%;
    white-space: nowrap;
}

ol {
    font-family: 'Century-Gothic', sans-serif;
    /*text-align: justify;*/
    color: #1b3765;
}

li + li {
  margin-top: 10px;
}

h1 {
    font-family: 'Century-Gothic', sans-serif;
    margin: auto;
    padding-bottom: 40px;
    font-size: 80px;
    text-align: center;
    color: #ffffff;
}

.button {
    font-family: 'Century-Gothic', sans-serif;
    padding: 10px 20px;
    border: 1px solid buttonborder;
    border-radius: 15px;
    color: #1b3765;
    font-size: 60px;
    background-color: #ffffff;
    text-decoration: none;
    text-align: center;
}

p {
    font-family: 'Century-Gothic', sans-serif;
}

a {
    font-family: 'Century-Gothic', sans-serif;
}

i.title {
        font-size: 40px;
    }

h2 {
    font-family: 'Century-Gothic', sans-serif;
    margin: auto;
    text-align: center;
    color: #1b3765;
}

.background-img {
    position: relative;
    width: 100%;
}

/*.header-landscape { display:inline-block; }
.header-portrait { display:none; }*/
#logo-img {
    position: absolute; width: 30%; top: 15%; right: 35%; bottom: 85%; left: 35%;
}

.share-button {
    width: 72px;
    height: 72px;
}

@media screen and (orientation:portrait) {
    h1 {
        font-family: 'Century-Gothic', sans-serif;
        margin: auto;
        padding-bottom: 40px;
        font-size: 60px;
        text-align: center;
        color: #ffffff;
    }
    a.button {
        font-family: 'Century-Gothic', sans-serif;
        padding: 10px 20px;
        border: 1px solid buttonborder;
        border-radius: 15px;
        color: #1b3765;
        font-size: 40px;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
    }
    i.title {
        font-size: 30px;
    }
    /*.header-landscape { display:none; }
    .header-portrait { display:inline-block; }*/
    #logo-img {
        position: absolute; width: 50%; top: 7%; right: 83%; bottom: 93%; left: 7%;
    }

    .share-button {
        width: 36px;
        height: 36px;
    }

    #signatures-list {
        font-size: 22px;
    }
}

@font-face {
  font-family: Century-Gothic;
  src: url(../fonts/century_gothic/century_gothic.ttf);
}

@font-face {
  font-family: Century-Gothic;
  src: url(../fonts/century_gothic/century_gothic_bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Century-Gothic;
  src: url(../fonts/century_gothic/century_gothic_italic.ttf);
  font-style: italic;
}

@font-face {
  font-family: Century-Gothic;
  src: url(../fonts/century_gothic/century_gothic_bold_italic.ttf);
  font-weight: bold;
  font-style: italic;
}