/*==============================================
    MAIN BOX  STYLES    
    =============================================*/
.main-box {
    text-align:center;
    height: 30vh;

    border-radius:5px;
    -moz-border-radius:5px ;
    -webkit-border-radius:5px;
    margin-bottom:40px;
}
    .main-box a,.main-box a:hover {
        color:#fff;
        text-decoration:none;

    }
.tempcard {

    background-image: url(../img/consumption.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;


}

.smokecard {
    /*background-color:#d36f2e;*/
    background-image: url(../img/water-meters.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;


}
.maintcard {
    background-image: url(../img/alarm.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mb-dull {
    background-color:#8F8F2C;
    color:white;
}
.mb-red {
    background-color:#d36f2e;
    color: white;
}
.mb-pink {
    background-color:#FF2F71;
    color: white;
}

.mb-blue{
    background-color:#2471A3;
    color: white;
}




.main-box h5 {
    font-size: 20px;
    font-weight: 1000;
    text-transform:uppercase;
}


.smokecard h5, .tempcard h5, .maintcard h5{
background-color: black;
color: white;
font-weight: 1000px;

}


.addbtn{
    float: right;
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
    margin-right:3px;
}

.addbtn:hover {
  background-color: RoyalBlue;
}


#logo{

    width: 100px;
    height: auto;

}

.logoback{
    background-color: #21618C;
    font-family:cursive;
    color:white;
    position: relative;
    top: -5px;
}