.debug{
    border:1px solid red !important;
}

@media only screen and (min-width: 300px) {
    body{
        background-color: #fff;
    }
    
    .modal{
        width:80%;
        margin:auto;
    }
    #dashboard{
        height: 450px;
        overflow: scroll;
    }
    #dashboard .link{
        width:30% !important;
        float:left;
        margin:5px !important;
        padding-bottom:0px !important;
        height: 100px !important;
        padding: 0px !important;
    }
    #dashboard .link img{
        border-radius:10px;
        cursor: pointer;
    }
    .close{
        background-color: #926100;
        border: 1px solid #926100;
    }
    .link a{
        /*background-color: #926100;*/
        /*width:100%;*/
        /*height: 50px;*/
        /*border-radius:10px;*/
        /*color: #fff;*/
        /*padding:20px 54px;*/
    }
    .box{
        background:#ccc;
        border:1px solid #666;
        margin:5px;
        border-radius:10px;
        padding:5px;
    }
    .box p,.box h3{
        font-size:13px;
    }
    #sos-emergency{
        background-color:#cc0000;
        padding:10px 61px;
        position:relative;
        top:20px;
    }
    #sos-emergency:hover{
        color:#fff !important;
    }
}
@supports (not (-moz-appearance:button)) and (contain:paint) and (-webkit-appearance:none) {

    #sos-emergency{
        background-color:#cc0000;
        padding:10px 85px;
    }
  }