/* Fonts */

@font-face {
    font-family: 'DDG_ProximaNova';
    src: url('/font/ProximaNova-Reg-webfont.eot');
    src: url('/font/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
        url('/font/ProximaNova-Reg-webfont.woff2') format('woff2'),
        url('/font/ProximaNova-Reg-webfont.woff') format('woff'),
        url('/font/ProximaNova-Reg-webfont.ttf') format('truetype'),
        url('/font/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DDG_ProximaNova';
    src: url('/font/ProximaNova-Sbold-webfont.eot');
    src: url('/font/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/font/ProximaNova-Sbold-webfont.woff2') format('woff2'),
        url('/font/ProximaNova-Sbold-webfont.woff') format('woff'),
        url('/font/ProximaNova-Sbold-webfont.ttf') format('truetype'),
        url('/font/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family:'DDG_ProximaNova';
	src:url("/font/ProximaNova-Light-webfont.eot");
	src:url("/font/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"),
        url("/font/ProximaNova-Light-webfont.woff2") format("woff2"),
        url("/font/ProximaNova-Light-webfont.woff") format("woff"),
        url("/font/ProximaNova-Light-webfont.ttf") format("truetype"),
        url("/font/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg");
	font-weight: 300;
	font-style: normal;
}

.proxima-nova {
    font-family: 'DDG_ProximaNova', -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

/* Colors */

.bg-ddg-blue {
    background: #5DA4DC;
}

.bg-ddg-gray {
    background: #EDEDED;
}

.bg-ddg-footer {
    background: #434A50;
}

.ddg-title-blue {
    color: #dee2e5;
}

.ddg-blue { 
    color: #5DA4DC;
}

.footer-item {
    font-size: .85rem;
}

.footer-item a {
    color: #c5cacd;
    text-decoration: none;
}

.footer-item-color {
    color: #c5cacd;
}

.ddg-gray {
    color: #999;
}

.ddg-gray-2 {
    color: #888;
}

.ddg-black {
    color: #333;
}

.ddg-black-2 {
    color: #666;
}

.ddg-black-3 {
    color: #464646;
}

/* Some measurement and spacing tweaks */

.max-width {
    max-width: 1008px;
}

.lh-copy {
    line-height: 1.5;
}

.number {
    position: relative;
    top: 3px;
    padding-right: .3rem;
}

.numbered-list > li {
    padding-bottom: .3rem;
}

.button--view-positions {
    padding-top: .75em;
    padding-bottom: .75em;
}

.logo {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.logo > img {
    width: 80px;
    height: 80px;
    padding-bottom: 5px;
}

.measure--wrap-title {
    max-width: 25rem;
}

@media screen and (max-width: 30em) {
    .f3 {
        font-size: 26px;
    }
}

/* Medium-sized screen */
@media screen and (min-width: 30em) and (max-width: 60em) {
    .community {
        margin-left: 25%;
    }
}

/* Not small screen */
@media screen and (min-width: 30em) {
    .logo {
        padding-bottom: 6em;
        padding-top: 6em;
    }

    .logo > img {
        width: 120px;
        height: 120px;
        padding-bottom: 10px;
    }
}