.table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.table th, .table td { padding: 8px; text-align: left; }
.table thead { background-color: #f8f9fa; }
.table th { font-weight: bold; }
a { text-decoration: none; }
ol > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 0; /* Give each list item a left margin to make room for the numbers */
	padding:0.3em 8px; /* Add some spacing around the content */
}
ol > li:before {
  vertical-align: top;
  font-weight: bold;
}

img {
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
/* ============================================== */

/* MEDIA SCREEN ================================= */
@media screen and (min-width: 1800px) { }
@media screen and (min-width: 1440px) and (max-width: 1800px) { }
@media screen and (min-width: 1280px) and (max-width: 1440px) { }
@media screen and (min-width: 325px) and (max-width: 450px) { }
@media screen and (max-width: 320px) 
{

}