@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}

.toolicon {
    width: 55px;
    max-width: 55px;
    height: auto;
    display: block;
    margin-bottom: 23px;
}

.bjpIcon {
    max-width: 35px;
    margin-right: 5px;
}

ul.capabilitiesBlock {
    display: block;
    min-height: 100px;
    clear: both;
    margin-bottom: 20px;
    padding: 0 0 30px 0;
}

ul.capabilitiesBlock li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 0;
}

ul.capabilitiesBlock h2.placeholder {
    top: 50%;
    margin: 0;
    color: #ffffff;
    z-index: 5;
    position: relative;
}

/* Capabilities icons within work examples */
ul.capabilitiesBlock li::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.design::before,
.copy ul li.design::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/design.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.dev::before,
.copy ul li.dev::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/development.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.infoArc::before,
.copy ul li.infoArc::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/informationArchitecture.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.inks::before,
.copy ul li.inks::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/inks.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.pencils::before,
.copy ul li.pencils::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/pencils.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.research::before,
.copy ul li.research::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/research.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.strategy::before,
.copy ul li.strategy::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/strategy.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.lang::before,
.copy ul li.lang::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/translationInterpretation.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.ut::before,
.copy ul li.ut::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/usabilityTesting.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.photos::before,
.copy ul li.photos::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/photography.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.video::before,
.copy ul li.video::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/video.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.editing::before,
.copy ul li.editing::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/editing.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.training::before,
.copy ul li.training::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/training.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.pencils::before,
.copy ul li.pencils::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/pencils.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

ul.capabilitiesBlock li.colors::before,
.copy ul li.colors::before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    background-size: cover;
    background-image: url('../img/capabilitiesIcons/coloring.svg');
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}

/* End capabilities icons within work examples */