body { margin:0; background:#fff; font-family:Roboto; font-size:1em }
A { color:#f05035; }
A:hover { color:#ff6c54; }
.section:after, .clearafter:after { display:block; content:""; clear:both; }
.nowrap { white-space:nowrap; }

.wrapper {width:100%;max-width:1300px;padding:0 5%;margin:auto;box-sizing: border-box;}

.maintitle { font-size:2.5em; font-weight:500; padding-bottom:.7em; }
.title { font-size:1.5em; font-weight:500; padding-bottom:10px; }
.normaltext { font-weight:300; }

.topblock { min-height:700px; background:url("images/sign-infinite.png") top center no-repeat; }
.logo { width:100%; max-width:462px; margin:80px 0; }
.navigation { margin-bottom:70px; }
.navigation A { margin-right:25px; padding-right:25px; color:#444; text-decoration:none; border-right:1px solid #ccc; }
.navigation A:hover { font-weight:500; color:#ff5e43; }
.navigation A:last-child { border:none; }
.introtext { max-width:500px; padding-bottom:40px;}

.collage { min-height:416px;}
.promo{ background-image: url("images/background-collage.jpg"); background-repeat: no-repeat;max-height: 416px;}
.responsive{max-width: 100%; height: auto;}
.negative-margin{margin: -14% 0 -2.4% -25px;}

.collagetext { padding-top:5em; max-width:500px;  float:left; }
.collagetext .title { color:#ff5e43; }
.collage-badges { width:400px; float:right; text-align:center; }
.badgeitem { margin:80px 100px; }
.badgeitem IMG { margin-bottom:10px; }

.grid-container{ display:grid; grid-template-columns: 45% 45%; grid-gap:0px 10%; margin-bottom:60px; }

.sign-nn { margin:0 auto -7% auto;}
.storytext { width:35%; max-width:400px; padding-right:20px; margin-top:60px; float:right; }

.niches-text { width:50%; display: flex; align-items: center; justify-content: center; float: left;}
.niches-rightcolumn { width: 50%; display: flex; align-items: center; justify-content: center;float: right;}
.niches-rightcolumn .niche-list{margin:0;}
ul{padding: 0;}
ul li{list-style: none;padding: 5px 0 5px 30px;}
.niche-list{vertical-align: top;}

.icon-checkmark { position:absolute; margin:5px 10px 0 -30px; height:12px; }

.section.contact { background:#d0cccc;}
.contactform { float:left; width:50%; max-width:550px; padding:100px 0; }
.contactform .title { margin-bottom:10px;}
.contactform INPUT, .contactform TEXTAREA { box-sizing: border-box; width:100%; max-width:520px; margin-bottom:12px; padding:8px; font-family:Roboto; font-size:.9em; border:none; box-shadow:1px 1px 5px rgba(0,0,0,.15); }
.contactform .contact-submit { cursor:pointer; width:100%; max-width:520px; padding:12px 10px; background:#ff5e43; font-family:roboto; font-size:.9em; color:#fff; text-transform:uppercase; font-weight:500; border:none; box-shadow:1px 1px 5px rgba(0,0,0,.15); }
.contactform .contact-submit:hover { background:#ff6c54; }

.contact-rightcolumn { width:40%; padding:100px 0 0 0; float:right;}
.contact-rightcolumn .title { margin-bottom:7px; margin-top: 40px;}
.contact-rightcolumn .subtitle { font-weight:500; margin-bottom:10px; }
.contact-address { position:relative; padding:0 0 0 30px; font-weight:300; }
.icon-address, .icon-phone { position:absolute; height:14px; margin:5px 0 0 -30px; }
.contact-phone { position:relative; padding:15px 0 0 30px; font-weight:300; }
.career { margin-top:45px; }

.section.copyright { padding:30px 0 150px 0; background:#2f333f; color:#848792; font-size:.9em; text-align: center;}


@media(max-width:750px) {
  .wrapper, .niches .wrapper { padding:0 8%; }
  .topblock { height:auto; min-height:0; padding-bottom:30px; background-size:350%; }
  .logo { margin:60px 0 50px 0;}
  .navigation { margin-bottom:50px; }
  .maintitle { font-size:2.3rem; line-height:2.6rem;}
  .collage {  height:auto; padding:50px 0 60px 0; }
  .logos { display:block; float:none; padding:25px 1%; }
  .logoset1, .logoset2 { width:90%; max-width:500px; }
  .collagetext { width:100%; padding-top:0; }
  .collage-badges { width:100%; max-width:none; margin-top:35px; font-size:.8em; display:table; }
  .badgeitem { display:table-cell; vertical-align:top; width:33.3%; margin:0; padding:0 10px; text-lign:center; }
  .badgeitem IMG { height:32px; }
  .storytext { width:100%; float:none; margin:auto; }
  .sign-nn { margin:0 auto 0 auto; }
  .negative-margin{margin: -3% auto -3% auto;}
  .promo{margin-bottom: 40px;}
  .niches-text, .niches-rightcolumn { width:100%; margin:auto; }
  .niches-rightcolumn { margin-top:50px; }
  .grid-container{display: inline-grid;grid-template-columns: 100%; grid-gap:0px 40px; margin-bottom:60px;}
  .contactform { width:100%; float:none; max-width:400px; margin:auto; padding:45px 0; }
  .contact-rightcolumn { width:100%; max-width:400px; margin:auto; float:none; padding:0px 0 60px 0; }
  .career { margin-top:0px; }

}