header {
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 999;
  top: 28px;
  left: 28px;
  right: 28px;
  height: 54px;
}

footer {
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 999;
  bottom: 28px;
  left: 28px;
  right: 28px;
  height: 54px;
}

h1, h2 {
  font-size: 40px;
}

section {
  background-repeat:no-repeat !important;
  background-size:cover !important;
  position:relative;
}

section:first-child {
  background: blue;
}

section:nth-child(2) {
  background: red;
}

section:nth-child(3) {
  background: green;
}

section:nth-child(4) {
  background: orange;
}

section:nth-child(5) {
  background: purple;
}

section:nth-child(6) {
  background: pink;
}

section:nth-child(7) {
  background: green;
}

section:nth-child(8) {
  background: grey;
}

section > div {
  padding: 10%;
}

.jsd {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.jsd-card {
  position: absolute;
  width: 100%;
}

.jsd-card.jsd-card--fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.jsd-card.jsd-card--ghost {
  display: none;
  height: 1px;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

#backgroundvideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index:-1;
}

.colrow {
width:100%;
height:10%;
padding-top:0px;
padding-left:30px;
padding-right:30px;
position:relative;
margin:auto;
}

.rowcol {
width:30%;
float:left;
margin:auto;
}

@media screen and (max-width: 760px){
.colrow {
width:100%;
height:10%;
padding-top:80px;
padding-left:15px;
padding-right:15px;
position:relative;
margin:auto;
}
.rowcol {
width:40%;
float:left;
margin:auto;
}
}

@font-face{
font-family: 'ralewayitalic';
src: url('../resources/fonts/ralewayitalic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

section ul {
list-style:none;
font-family:'ralewayitalic';
font-size:18px;
}

.ul1 {
   background:url(../resources/icons/roadmap.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul2 {
   background:url(../resources/icons/communication.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul3 {
   background:url(../resources/icons/brand.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul4 {
   background:url(../resources/icons/advertising.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul5 {
   background:url(../resources/icons/digitalad.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul6 {
   background:url(../resources/icons/pr.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul7 {
   background:url(../resources/icons/research.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul8 {
   background:url(../resources/icons/consumer.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul9 {
   background:url(../resources/icons/marketmix.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul10 {
   background:url(../resources/icons/psychology.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul11 {
   background:url(../resources/icons/segmentation.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul12 {
   background:url(../resources/icons/strategy.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul13 {
   background:url(../resources/icons/effective.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul14 {
   background:url(../resources/icons/brand.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul15 {
   background:url(../resources/icons/creative.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul16 {
   background:url(../resources/icons/communication.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul17 {
   background:url(../resources/icons/design.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul18 {
   background:url(../resources/icons/outdoor.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul19 {
   background:url(../resources/icons/identity.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul20 {
   background:url(../resources/icons/benchmark.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul21 {
   background:url(../resources/icons/packaging.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul22 {
   background:url(../resources/icons/promotion.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul23 {
   background:url(../resources/icons/endorsement.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul24 {
   background:url(../resources/icons/merchandising.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul25 {
   background:url(../resources/icons/communication.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul26 {
   background:url(../resources/icons/advertising.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul27 {
   background:url(../resources/icons/research.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul28 {
   background:url(../resources/icons/strategy.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul29 {
   background:url(../resources/icons/planning.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul30 {
   background:url(../resources/icons/negotiation.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul31 {
   background:url(../resources/icons/production.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul32 {
   background:url(../resources/icons/event.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul33 {
   background:url(../resources/icons/digitalad.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul34 {
   background:url(../resources/icons/web.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul35 {
   background:url(../resources/icons/socialmedia.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul36 {
   background:url(../resources/icons/seo.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul37 {
   background:url(../resources/icons/conference.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul38 {
   background:url(../resources/icons/influence.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul39 {
   background:url(../resources/icons/conference.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul40 {
   background:url(../resources/icons/brand.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul41 {
   background:url(../resources/icons/pressrelease.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}

.ul42 {
   background:url(../resources/icons/advertorial.png) 50% 50% no-repeat no-repeat;
   background-size:contain;
   background-position:left;
}