body {
     margin-top: 25px;
     margin-bottom: 25px;
 }

 @media (min-width: 576px) {
     body {
         margin-top: 100px;
         margin-bottom: 100px;
     }
 }

 #canvas,
 #canvasp {
     display: none !important;
 }

 footer {
     margin-top: 25px;
 }

 @media (min-width: 576px) {
     footer {
         margin-top: 100px;

     }
 }

 #chartac {
     max-width: 100%;
     /* margin: 35px auto; */
 }

 #bigtitle {
     margin-bottom: 25px;
 }

 #statusCodeWrongURL,
 #sonuc,
 #chartacversion,
 #locality-dropdown {
     display: none;
 }

 #chartacusage,
 #chartacversiond,
 #chartacversionw,
 #chartac,
 .chart-box {
     padding-top: 20px;
     padding-left: 10px;
     background: #fff;
     border: 1px solid #ddd;
     box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
 }

 #chartacusage {
     max-width: 400px;
 }

 #chartacversiond,
 #chartacversionw {
     max-width: 100%;
 }