@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Montserrat-Regular.ttf) format('truetype');
    /* url('/fonts/Montserrat-Regular.ttf') format('truetype'),*/
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf) format('truetype');
    /* url('/fonts/Montserrat-Regular.ttf') format('truetype'),*/
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url(../fonts/Montserrat-Light.ttf) format('truetype');
    /* url('/fonts/Montserrat-Regular.ttf') format('truetype'),*/
}

html, body {
    height: 100%;
    width: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
    background: #27323F;
    font-family: 'Montserrat';
    text-align: left;
}

a {
    color: #CDB072;
}

.container {
}

.small {
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Montserrat-Light';
    padding-bottom: 8px;
    padding-top: none;
}

.medium {
    color: #FFFFFF;
    font-size: 34px; 
    padding-bottom: 13px;
}

.myfnz {
    color: #CDB072;
}

.top {
    padding-bottom: 13px;
}

.medtop {
    display: inline;
}

.post-splash-page {
    padding-left: 150px;
}

.svg-small {
    height: 20px;
    transform: translate(0px, 5px)
}

@media only screen and (max-width: 970px) {
    .small {
        font-size: 15px;
    }
    
    .medium {
        font-size: 27px; 
    }

    .svg-small {
        height: 15px;
    }
    .post-splash-page {
        padding-left: 8%;
    }
  }

  @media only screen and (max-width: 720px) {
    .small {
        font-size: 10px;
        padding-bottom: 2px;
    }

    .top {
        padding-bottom: 8px;
    }
    
    .medium {
        font-size: 18px; 
        padding-bottom: 8px;
    }

    .post-splash-page {
        padding-left: 8%;
    }

    .svg-small {
        height: 10px;
    }
  }