/*START TABLE FORMATTING*/
              /* START OF CENSUS TABLE STYLING */

              .census {
                font-family: 'Poppins', sans-serif;
                font-size: 80%;
                border-collapse: collapse;
                width: 100%;
                margin-bottom: 1rem;
                border: 2px solid black;
                box-shadow: 6px 3px 12px 0px rgba(61, 59, 59, 0.75);
                -webkit-box-shadow: 6px 3px 12px 0px rgba(61, 59, 59, 0.75);
                -moz-box-shadow: 6px 3px 12px 0px rgba(61, 59, 59, 0.75);
                margin-left: auto;
                margin-right: auto;
              }

              .census td,
              .census th {
                border: 1px solid #ddd;
                padding: 0.25rem;
              }

              .census th {
                font-weight: bold;
                border-bottom: 2px solid black;
              }

              .census tr:nth-child(even) {
                background-color: #f2f2f2;
              }

              .census tr:hover {
                background-color: #ddd;
              }

              .census th {
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
                text-align: left;
                background-color: #939AA4;
                color: white;
              }

              .census>caption {
                margin-bottom: 0.75rem;
              }

              /* END OF CENSUS TABLE STYLING */

              /* START OF BASIC TABLE STYLING */
              .table_basic {
                border-collapse: collapse;
                /*this removes the gaps between the cells that cannot be removed easily otherwise*/
                font-size: 90%;
                word-wrap: break-word;
                width: 400px;
                font-family: 'Cambay', sans-serif;
                text-align: left;
                border: thin solid #000;
                /*sets border colour for whole table*/
                background-color: #FFFFE8;
                /*background colour of the non-header cells*/
                margin-bottom: 20px;
                /*this gives space beneath the table and before the next paragraph*/
                margin-right: auto;
                /*centres the table on the page*/
                margin-left: auto;
                /*centres the table on the page*/
                -moz-box-shadow: 3px 3px 4px #999;
                /* adds drop shadow */
                -webkit-box-shadow: 3px 3px 4px #999;
                /* adds drop shadow */
                box-shadow: 3px 3px 4px #999;
                /* adds drop shadow */
              }

              /*~~~~FORMAT THE TABLE HEADER ROW~~~~~~~*/
              /*~~~~format list header background colour, border style and colour and provide padding~~~~~~~*/

              .table_basic th {
                background-color: #DEFEDF;
                /*background colour of the header cells*/
                border-bottom: solid thin #000;
                font-weight: bold;
                border-color: #000;
                /* colour of the header cells border*/
                padding: 0.5rem;
                /* sets padding of header */
              }

              .table_basic td {
                border-bottom: thin solid #999;
                padding: 0.25rem;
                margin: 0px;
              }

              .table_basic tr:hover {
                background-color: #bfbfbf;
              }

              .table_basic a {
                color: var(--tertiary-color);
              }

              .table_basic a:hover {
                font-weight: bold;

              }

              /*END OF BASIC TABLE FORMATTING*/

              .big {
                font-family: 'Cambay', sans-serif;
                font-size: 90%;
                border-collapse: collapse;
                background-color: #ffffe8;
                width: 100%;
                margin-bottom: 20px;
                border: 1px solid black;
                -webkit-box-shadow: -1px 5px 15px 4px rgba(110, 110, 110, 1);
                -moz-box-shadow: -1px 5px 15px 4px rgba(110, 110, 110, 1);
                box-shadow: -1px 5px 15px 4px rgba(110, 110, 110, 1);
              }

              .big td,
              .big th {
                /* border: 1px solid #DEFEDF; */
                padding: 10px 4px 6px 4px;
              }

              .big th {
                font-weight: bold;
                border-bottom: 2px solid #939AA4;
              }

              .big tr {
                border-bottom: 1px solid #939AA4;
              }

              /* .big tr:nth-child(even) {
  background-color: #e6f7e6;
} */

              .big tr:hover {
                background-color: #ddd;
              }

              .big th {
                padding-top: 10px;
                padding-bottom: 5px;
                text-align: left;
                background-color: #e3fccf;
                color: #494C4D;
              }

              /* END OF BIG TABLE STYLING */

              /* END OF CENSUS TABLE STYLING */
              /*END TABLE FORMATTING*/



              /* START OF MEDIA QUERIES */

              @media(max-width: 950px) {
                .census {

                  font-size: 70%;

                }
              }

              /* FOR Galaxy S7 and S8  */

              @media only screen and (min-device-width: 360px) and (max-device-width: 640px) {

                .table_basic td {
                  /* padding: 2px;
                  font-size: 120%; */
                }



                /*              END OF RESIZE FOR Galaxy S7 and S8                */
              }