body { background-image: url("../images-temp/home-bg.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom; background-size: cover; font-family: 'Roboto', sans-serif; color:#222222; }

.bg-white { background-color:#fff; }
.bg-light { background-color:#5a5a59; }
.bg-black { background-color:#ca0538; }

p { font-size:16px; line-height:22px; font-weight:300; color:#ffffff;}
.bg-black p,
.bg-black p a{ color:#ffff; text-decoration:none;}
.bg-black p strong { font-weight:900;}

html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page {
    max-width: 960px;
    padding: 20px;
}

.padding {
    padding: 1rem;
}

.page { width:980px; margin:100px auto; min-height:500px;}
.intro { text-align:center;}
.intro h1 { font-weight:600; font-size:44px; line-height:44px; margin-bottom:2px; color:#ca0538;}
.intro h1 span {color:#fff;}
.intro p { font-weight:300; font-size:22px; line-height:30px; margin-bottom:50px; color: #ffffff;}

/* Inner */
.inner { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; min-height:250px;}
.inner > div { margin: 0 1% 30px; position:relative;}
.inner > div p {position:relative; display:block; bottom:10px;}
.inner .padding { padding:50px 30px 30px; }
.inner .logo { width:30%; }
.inner .naw { width:40%;}
.inner .hurry { width:30%; }
.inner .logo img {display:block; width:100%; height:auto;}
.inner .naw p { color:#ffffff; font-weight:300; }
.inner .naw p a { color:#ffffff; font-weight:600; text-decoration:none; }
.inner h2 { color:#fff;}

/* Page */
.page .services {padding:0 0 20px 0; margin-bottom:20px; border-bottom:px dotted #e6312f;}
.page .services ul {display:block; text-align:center; margin:0; padding:0; list-style:none; }
.page .services ul > li {display:inline; position:relative; padding:0 15px 0 9px; color:#ffffff; font-weight:600; text-transform:uppercase; font-size:13px; height:15px;}
.page .services ul > li:last-child {padding:0 10px;}
.page .services ul > li:last-child:after {display:none;}
.page .services ul > li:after {content:""; display:block; position:absolute; width:3px; height:3px; background:#e6312f; right:0; top:8px;}

.element:after {content:""; display:block; position:absolute; width:60px; height:3px; background:#222222; left:30px; top:40px;}
.bg-black.element:after {background:#ffffff;}

@media (max-width: 980px) {
    .page {width:90%; margin:100px auto 250px auto;}
    .inner {display:block; width:100%;}
    .inner > div p {position:static;}
    .inner .logo,
    .inner .naw,
    .inner .hurry {width:60%; margin:0 auto 30px; box-sizing: border-box;}
    .inner .logo img {width:60%; margin:0 auto;}
    .inner .hurry {margin-bottom:100px;}
}

@media (max-width: 768px) {
    .inner .logo,
    .inner .naw,
    .inner .hurry {width:100%;}

    body {
        display: block;
    }
}