html, body { background: #fff !important;font:300 15px/20px "Roboto",Helvetica,Arial,sans-serif !important;color:#1d2b3c !important;overflow:hidden;}

.col1 img, .col2 img, .col3 img {margin-top:40px;display:inline-block;}
.col1 {background:#f7f7f7 url('../img/bg_itfirm.jpg') center top no-repeat;}
.col2 {background:#f4f5f7 url('../img/bg_firmdesign.jpg') center top no-repeat;}
.col3 {background:#f4f5f7 url('../img/bg_monitoring.jpg') center top no-repeat;}
.col1, .col2, .col3 {text-align:center;border:5px solid #fff;height:100vh;cursor:pointer;}
.col1:hover, .col2:hover, .col3:hover {border:5px solid #1d2b3c;opacity:0.5;}
.small {display:none;}


/* Cookie warning */
#cookie-warn{
    position: fixed;
    bottom: 0;
    background: #EEE;
    margin: 0;
    padding: 15px;
    width: 100%;
    display: none;
    z-index: 99;
}
#cookie-warn a {color:#0086ce !important;}


#cookie-warn a.closecook {
    color: #D66E1A !important;
    text-transform: uppercase;
    float: right;
    padding-right: 20px;
}

#cookie-warn p{
    font-size: 12px;
    color: #333;
}


@media (max-width:768px) {
    .large {display:none;}
    .small {position:relative;display:inline-block !important;background:#f4f5f7;width:100%;text-align:center;height:100vh;}
    .small a {float:left;width:100%;height:33.33%;padding:10px;}
    .small a p {float:left;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);width:100%;height:100%;padding:20px;border:1px solid #ddd;}
    .small a p img {height:100%;}
}