.topicoAreas{
    padding: 10px; 
    font-family: 'Nonchalance';
    width:20%;
    text-align: center;
    margin-left: 5px !important;
    margin-top: 5px;
    min-height: 150px;
    border: 1px solid #D3E3E6;
    border-radius: 20px;
    background: #fff;  
}

.topicoAreas > div{
    display:table;
    width:100%; 
    height: 130px;
}

.topicoAreas > div > div{
    display:table-cell;    
    vertical-align: middle;
}

.desktop.small .topicoAreas,
.tablet .topicoAreas{
    width: 45%;   
}

.phone .topicoAreas{
    width: 100%;
    min-height: auto;
}

.phone .topicoAreas > div{
    height: auto;
}

.topicoAreas:hover{
    background:#D3E3E6;
    color: rgb(31,94,118);
}


.ScrollTop{
    position: fixed;
    bottom: 45%;
    right: 10px;
    cursor: pointer;
    z-index: 100;
}

.ContentImage img{
    width: 300px;
    max-width: 90%;
    text-align: center;
}

.desktop.small .ContentImage img,
.tablet .ContentImage img{
    width: 200px;
}

.phone .ContentImage img{
    width: 200px;
}

/*
.destaque_blue{
    margin-top:10px;
    padding:10px;
    background:#1e5e76;
    color: #fff;
    border-radius:5px;
}

.destaque_white{
    margin-top:10px;
    padding:10px;
    background:#1e5e76;
    color: #fff;
    border-radius:5px;
}*/

/*
.areaintervencao{
    margin-top:8%;
}

.areaintervencao .ColLast{
    margin-top: 4%;
}*/

.areaintervencao .ColFirst,
.areaintervencao .ColLast{
    margin-top: 30px;
}

.tablet .areaintervencao .areatitle,
.phone .areaintervencao .areatitle {
   text-align:center;
}