@font-face {
font-family: 'CiutadellaLight';
      src: url('../fonts/Ci1001-Lt.eot'); /* IE9 Compat Modes */
      src: url('../fonts/Ci1001-Lt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/Ci1001-Lt.woff2') format('woff2'), /* Modern Browsers */
           url('../fonts/Ci1001-Lt.woff') format('woff'), /* Modern Browsers */
           url('../fonts/Ci1001-Lt.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/Ci1001-Lt.svg#font') format('svg'); /* Legacy iOS */
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
}

html, body {
    height: 100%;
    margin: 0;
    font-family: 'CiutadellaLight', Arial, sans-serif;
}

body {
    background-color: #d8dacf;
    text-align: center;
}

h1 {
    margin-top: 0;
    margin-bottom: 1em;
}

p {
    margin: 0;
    padding: 0;
}

.wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.ct {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 auto;
    padding: 20px 5%;
}

.copy {
    margin-bottom: .5em;
    font-size: 2.8rem;
    line-height: 0.9;
}

.copy2 {
    font-size: 1.4rem;
}

.footer {
    flex: 0 0 auto;
    font-size: 1.4rem;
    padding-bottom: 20px;
}

.footer span {
    display: block;
}

.footer span.divider {
    display: none;
}

.img {
    max-width: 90%;
}

@media all and (min-width: 768px) {
    .ct {
        padding-top: 35px;    
    }
    
    .copy {
        font-size: 3.4rem;
    }

    .copy2 {
        font-size: 1.7rem;
    }

    .footer {
        padding-bottom: 35px;
        font-size: 1.7rem;
    }
    
    .footer span {
        display: inline;
    }

    .footer span.divider {
        display: inline;
    }
}