html,
body {
  height: 100%;
  margin: 0;
  font-family: 'Lato', sans-serif;
  color: #f2f4f6;
}

.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}
h2{
    color:#222;
}

.box .row.header {
    flex: 0 1 80vh;
    text-align: center;
    background-size: cover !important;
    background: url('../img/gibilterra1.jpg') no-repeat center center;
}

.box .row.content {
    flex: 1 1 auto;
    background-color: #568db7 !important;
    color: #EFF0F2;
    text-align: center;
}

.box.cherin .row.header {
    background: url('../img/brescia2.jpg') no-repeat center top;
}
.box.cherin .row.header h1{
    color: #0033cc;
}
.box.cherin  .row.content {
    color: #0033cc !important;
    background-color: #FFF !important;
}
.box.studioimpresa .row.header {
    background: url('../img/brescia1.jpg') no-repeat center center;
}
.box.studioimpresa .row.header h1{
    color: #333;
    padding-left: 50px;
}
.box.studioimpresa  .row.content {
    background-color: #ce8452 !important;
}
.box.imperial .row.header {
    background: url('../img/valletta2.jpg') no-repeat center center;
}
.box.imperial .row.header h1{
    color: #5e554b;
}
.box.imperial  .row.content {
    background-color: #938676 !important;
}
.box.miramar .row.header {
    background: url('../img/valletta1.jpg') no-repeat center center;
}
.box.miramar .row.header h1{
    color: #5e554b;
}
.box.miramar  .row.content {
    background-color: #867b6e !important;
}
.box.island .row.header {
    background: url('../img/londra3.jpg') no-repeat center center;
}
.box.island .row.header h1{
    color: #333 ;
}
.box.island  .row.content {
    background-color: #929292 !important;
}

.box .row.footer {
  flex: 0 1 40px;
  
}