// Make dashboard a single column 
 #civicrm-dashboard > .crm-flex-box > .crm-flex-2 {
  min-width:90%!important;
  
}
@media screen and (min-width: 650px){
  #civicrm-dashboard > .crm-flex-box > .crm-flex-2 {
  min-width:90%!important;
  padding:0 5% 0 5%!important;
}
}
@media screen and (min-width: 1000px){
  #civicrm-dashboard > .crm-flex-box > .crm-flex-2 {
  min-width:90%!important;
  padding:0 12% 0 12%!important;
}
}

// make main page on dashboard with smaller margin on smaller devices
.page-civicrm-dashboard #page {
  margin-right:5px!important;
  margin-left:5px!important;
  }

@media screen and (min-width:300px){
.page-civicrm-dashboard #page {
  margin-right:5px!important;
  margin-left:5px!important;
  }
}
@media screen and (min-width:550px){
.page-civicrm-dashboard #page {
  margin-right:15px!important;
  margin-left:15px!important;
  }
}
@media screen and (min-width:800px){
.page-civicrm-dashboard #page {
  margin-right:30px!important;
  margin-left:30px!important;
  }
}
@media screen and (min-width:900px){
.page-civicrm-dashboard #page {
  margin-right:40px!important;
  margin-left:40px!important;
  }
}
