div.header { background-color: #b6e0b4; }
div.contentTitle { background-color: #b6e0b4; }
div.sidebar{ background-color: #b6e0b4; }
div.sidebarToggle{ background-color: #b6e0b4; }
td.title{ background-color: #b6e0b4; }
td.surveyCellHeader{ background-color: #b6e0b4; }
body{ scrollbar-face-color: #b6e0b4; }

::-webkit-scrollbar-track{ background: #F1F1F1; }
::-webkit-scrollbar-thumb{ background: #888888; }
::-webkit-scrollbar-thumb:hover{ background: #555555; }

/*Tablet:768px.
@media (min-width: 768px) and (max-width: 991px) {
 h1 {
   font-size: 26px; 
  }
  body{
      font-size: 18px;
  }
}

 Mobile :320px. 
@media (max-width: 767px) {
  h1 {
   font-size: 24px;
  }
    body{
      font-size: 26px;
  }
}


Put custom CSS here.

div.header { background-color: #F0F0F0; }
div.contentTitle { background-color: #F0F0F0; }
div.sidebar{ background-color: #F0F0F0; }
div.sidebarToggle{ background-color: #F0F0F0; }
td.title{ background-color: #F0F0F0; }
td.surveyCellHeader{ background-color: #F0F0F0; }
body{ scrollbar-face-color: #F0F0F0; }

::-webkit-scrollbar-track{ background: #F1F1F1; }
::-webkit-scrollbar-thumb{ background: #888888; }
::-webkit-scrollbar-thumb:hover{ background: #555555; }
*/