body { margin:0; background:#fff; font-family:Roboto; font-size:17px; }
A {color: #207bc0;}
A:hover { color:#2989d1; }
.section:after, .clearafter:after { display:block; content:""; clear:both; }
.blue{color:#43aeff;}
.green{color: #9acd60;}
.wrapper { width:100%; max-width:1300px; padding:0 5%; margin:auto; box-sizing: border-box; }
.section { position:relative; }

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

.topblock { min-height:700px; background:url("images/online-sign2.png") center -150px no-repeat; }
.logo { width:100%; max-width:462px; margin:80px 0 80px -3px; }
.navigation { margin-bottom:110px; }
.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:#43aeff; }
.navigation A:last-child { border:none; }
.introtext { max-width:500px; padding-bottom:40px;}

.collage { height:637px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5); background: #0d0d19 url("images/screen-collage.jpg") center center no-repeat;  }
.collagetext { padding-top:90px; width:60%; max-width:500px;  float:left; }

.collage-badges { width:400px; float:right; text-align:center; }
.badgeitem { margin:80px 100px; }
.badgeitem IMG { margin-bottom:10px; }

.photo { text-align: center; padding-right:40px; min-width:280px; }
.sign-nn { width:100%; max-width:450px; height: auto; margin-top: -150px;}
.storytext { max-width:500px; padding-right:0px; margin-top:90px; }

.logos { padding:60px 3%; text-align:center; clear:both; }
.logoset1 { display:inline-block; width:47.5%; margin:7px 0; }
.logoset2 { display:inline-block; width:51%; margin:7px 0; }

.niches { padding: 10px 0 70px 0; }
.niches .wrapper { padding-right:2%; }
.niches-text { width:58%; max-width:600px; float:left; }
.niches-rightcolumn { width:34%; max-width:400px; float:right; }

.grid-two {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-column-gap: 20px;
}

ul {padding:0;}
ul li {list-style: none;padding: 5px 0 5px 30px;}

/* .bulletitem { padding:5px 0 5px 30px; font-weight:500; font-size:16px; } */
.icon-checkmark { position:absolute; margin:5px 10px 0 -30px; height:12px; }

.section.contact { background:#d0cccc; }
.contactform { float:left; width:50%; max-width:550px; padding:70px 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: #426075;font-family:roboto;font-size:.9em;color: #ffffff;text-transform:uppercase;font-weight:500;border:none;box-shadow:1px 1px 5px rgba(0,0,0,.15);}
.contactform .contact-submit:hover { background:#3f7398; }

.contact-rightcolumn { width:40%; max-width:400px; padding:70px 0 0 0; float:right;}
.contact-rightcolumn .title { margin-bottom:15px;}
.contact-rightcolumn .subtitle { font-weight:500; margin-bottom:10px;margin-top: 20px;}
.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:1050px) {
  .sign-nn { margin-top:-100px; }
	.collage {  height:auto; background-size:cover; }
  .collage-badges { width:230px; }
  .badgeitem { margin:80px 40px; }
  .storytext { margin-top:40px; }
}

@media(max-width:750px) {
  .wrapper, .niches .wrapper { padding:0 8%; }
  .topblock { height:auto; min-height:0; padding-bottom:30px;  }
  .logo { margin:60px 0 50px -3px;}
  .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-align:center; }
  .badgeitem IMG { height:32px; }
  .storytext { width:100%; float:none; margin:auto; }
  .sign-nn { float:none; display:block; margin:-28px auto 30px auto; max-width:350px; }
  .niches-text, .niches-rightcolumn { width:100%; max-width:400px; float:none;margin:auto; }
  .niches-rightcolumn { margin-top:50px; }

  .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; }
  .grid-two{grid-template-columns: 100%;}

}