@font-face {
    font-family: 'Roboto', sans-serif; 
}
html
{
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
body{ 
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
    background: #f1f1f1; 
    color: #000;
    padding: 0px;
    margin: 0px;
    
}
p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -150%);
}
.page{ 
    width:100%; 
    height:100%;
    padding: 0px;
    margin: 0px;
} 
.line{ 
    width:100%;  
    height:25%; 
    display: block; 
}
.tile{ 
    width: 25%;
    height: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
    opacity: 0.8;
    position: relative;
}
.c1{ 
    background:#004258; 
} 
.c2{ 
    background:#008A65; 
} 
.c3{ 
    background:#AFDB00; 
} 
.c4{ 
    background-color:#FD7200; 
}