.dt-container-small {
	 margin: 0 auto;
	 max-width: 1300px;
}
 .text-container {
	 font-size: 150%;
	 text-align: center;
}
 @media only screen and (max-width: 1170px) {
	 .text-container {
		 margin: 0 20px;
	}
}
 @media only screen and (min-width: 1171px) {
	 .text-container {
		 margin: 0 100px;
	}
}
 .left-aligned-text-container {
	 font-size: 150%;
	 text-align: center;
	 text-align: left;
}
 @media only screen and (max-width: 1170px) {
	 .left-aligned-text-container {
		 margin: 0 20px;
	}
}
 @media only screen and (min-width: 1171px) {
	 .left-aligned-text-container {
		 margin: 0 100px;
	}
}
 @media only screen and (max-width: 1170px) {
	 body {
		 background-image: url('/images/background_repeat.png');
	}
	 .dt-container {
		 margin: 0 20px;
	}
}
 @media only screen and (min-width: 1171px) {
	 body {
		 background-attachment: fixed;
		 background-image: url('/images/background.jpg');
		 background-repeat: no-repeat;
		 background-size: cover;
	}
	 .text-container {
		 margin: 0 100px;
	}
	 .dt-container {
		 margin: 0 100px;
	}
}
 * {
	 margin: 0;
}
 body {
	 height: 100%;
}
 html {
	 height: 100%;
}
 .dt-content {
	 height: auto;
	 margin-bottom: 20px;
	 min-height: 96%;
}
 footer {
	 background-color: #000;
	 color: #fff;
	 display: flex;
}
 footer .footer-item {
	 color: #fff;
	 flex: 1;
	 margin: auto;
	 text-align: center;
}
 @font-face {
	 font-family: 'Casad';
	 src: url('/fonts/CasadRandom-Heavy.ttf');
}
 @media only screen and (min-width: 816px) {
	 .header {
		 display: flex;
	}
	 .navbar {
		 background: url('/images/nav_bar_left.png'), url('/images/nav_bar_right.png'), url('/images/nav_bar_centre.png');
		 background-position: left, right, center;
		 background-repeat: no-repeat, no-repeat, no-repeat;
		 background-size: auto 100%, auto 100%, 95% 85.42%;
		 display: flex;
		 flex: 6;
		 height: 48px;
		 margin: 20px;
		 white-space: nowrap;
	}
	 .navbar a {
		 display: table-cell;
		 flex: 1;
		 font-size: 14px;
		 vertical-align: middle;
	}
}
 @media only screen and (max-width: 815px) {
	 .header {
		 display: block;
	}
	 .navbar {
		 background: url('/images/nav_bar_centre.png');
		 background-repeat: repeat-x;
		 background-size: auto 100%;
		 display: block;
		 margin-bottom: 20px;
		 text-align: center;
	}
	 .navbar a {
		 display: inline-block;
		 font-size: 17px;
	}
}
 .navbar-left-border {
	 height: 100%;
	 left: 0;
}
 img {
	 max-width: 100%;
}
 .logo {
	 flex: 2;
	 padding: 20px;
	 text-align: center;
}
 .navbar .active-tab {
	 font-size: 110%;
	 font-weight: bold;
	 text-decoration: underline;
}
 .navbar a {
	 color: #000;
	 font-family: casad;
	 line-height: 28px;
	 margin: 10px;
	 text-align: center;
	 text-decoration: none;
}
 .navbar a:hover {
	 background-color: #ddd;
}
 .sub-nav {
	 margin-bottom: 6px;
	 text-align: left;
}
 .sub-nav a {
	 margin-right: 6px;
}
 .r-mark {
	 font-size: 50%;
	 vertical-align: super;
}
 .clickable {
	 cursor: pointer;
}
 .dt-button-blue, .dt-button-red, .dt-button-gray, .dt-button-gold {
	 border: 2px solid #c0c0c0;
	 border-radius: 8px;
	 color: #fff;
	 cursor: pointer;
	 display: inline-block;
	 margin: 5px;
	 padding: 10px;
	 text-decoration: none;
}
 .dt-button-blue {
	 background-color: #77a0cc;
}
 .dt-button-blue:hover {
	 background-color: #77a0ff;
}
 .dt-button-red {
	 background-color: #cc4747;
}
 .dt-button-red:hover {
	 background-color: #ff4747;
}
 .dt-button-gray {
	 background-color: #aaa;
}
 .dt-button-gray:hover {
	 background-color: #bbb;
}
 .dt-button-gold {
	 background-color: #ffd700;
}
 .dt-button-gold:hover {
	 background-color: #efc700;
}
 .campaign-banner {
	 max-height: 70vh;
}
 .search-bar-container .default-submit {
	 left: -100%;
	 position: absolute;
}
 .search-bar-container .flag {
	 display: inline-block;
}
 .search-bar-container .active-language {
	 border: 2px solid #336edc;
}
 .search-bar-container .icons {
	 display: inline-block;
	 margin-bottom: 10px;
}
 .search-bar-container .icons img {
	 vertical-align: middle;
	 width: 35px;
}
 .search-bar-container .search-input {
	 height: 35px;
}
 .search-bar-container .download-popup a {
	 margin: 20px;
	 color: #000;
	 display: block;
	 font-size: 150%;
}
 .card-show-container {
	 text-align: center;
}
 .card-show-container .card-image {
	 border-radius: 25px;
}
 .card-show-container .card-text {
	 max-width: 672px;
}
 .card-text {
	 margin: auto;
	 text-align: left;
}
 .card-text p {
	 margin: 1em;
}
 .cards-index-container {
	 text-align: center;
}
 .cards-index-container table, .cards-index-container th, .cards-index-container td {
	 border: 1px solid #000;
	 max-width: 800px;
}
 @media only screen and (max-width: 815px) {
	 .cards-index-container table, .cards-index-container th, .cards-index-container td {
		 display: block;
	}
}
 .cards-index-container table {
	 margin: auto;
}
 @media only screen and (max-width: 815px) {
	 .cards-index-container table th {
		 display: none;
	}
}
 @media only screen and (min-width: 816px) {
	 .cards-index-container {
		 margin: 100px auto;
	}
}
 @media only screen and (max-width: 815px) {
	 .cards-index-container {
		 margin: 0 auto;
	}
}
 .social-media-links {
	 margin-top: 24px;
}
 .social-media-links .social-media-link {
	 margin: 8px;
	 max-height: 64px;
}
 .contact-index-container .address {
	 font-size: 75%;
}
 .question {
	 cursor: pointer;
	 text-decoration: underline;
}
 .answer {
	 color: #000;
	 display: none;
	 line-height: 1.6;
}
 .question-container {
	 margin: 15px;
}
 @media only screen and (min-width: 816px) {
	 .dt-form-container .dt-form-row {
		 display: flex;
	}
	 .dt-form-container .dt-form-row .dt-form-column {
		 flex: 50%;
	}
}
 .dt-form-container .hidden-field {
	 display: none;
}
 .dt-form-container .dt-form-group label {
	 display: block;
}
 .dt-form-container .dt-form-group-inline label {
	 display: inline;
}
 .dt-form-container input, .dt-form-container textarea {
	 background-color: rgba(256, 256, 256, .4);
	 margin-bottom: 6px;
}
 .dt-form-container .checkbox-group {
	 padding: 12px;
}
 .dt-form-container .checkbox-group .checkbox-item {
	 background-color: rgba(256, 256, 256, .4);
	 border: 1px solid #000;
	 display: inline-block;
	 padding: 12px;
}
 .hero-header-container {
	 background-image: url('/images/home_hero.jpg');
	 background-repeat: no-repeat;
	 background-size: cover;
	 display: block;
	 height: 100%;
	 margin-bottom: 20px;
	 padding-bottom: 20px;
	 width: 100%;
}
 .home-hero-video {
	 display: block;
	 margin: auto;
	 max-width: 720px;
	 min-height: 27vw;
	 min-width: 48vw;
}
 .kickstarter-link {
	 text-align: center;
	 display: block;
	 margin: auto;
	 width: 50%;
}
 .home-index-container {
	 font-size: 150%;
	 margin: 0 20px;
}
 .home-index-container p {
	 margin-bottom: 1em;
}
 .home-index-container .home-section {
	 display: inline-block;
	 margin-bottom: 48px;
}
 @media only screen and (min-width: 750px) {
	 .home-index-container .home-section .home-section-image-right, .home-index-container .home-section .home-section-image-left {
		 max-width: 50%;
	}
}
 .home-index-container .home-section .home-section-image-right {
	 float: right;
	 margin-left: 1em;
}
 .home-index-container .home-section .home-section-image-left {
	 float: left;
	 margin-right: 1em;
}
 .home-welcome-header {
	 text-align: center;
}
 .how-to-play-container .video {
	 display: inline-block;
	 height: 39.375vw;
	 width: 70vw;
}
 .how-to-play-container .rule-book-container {
	 box-sizing: border-box;
	 cursor: pointer;
	 display: inline-block;
	 height: 500px;
	 max-width: 90%;
	 padding: 50px;
	 margin-top: 5px;
	 vertical-align: top;
	 width: 386px;
	 max-height: 105vw;
}
 .how-to-play-container .rule-book-container.original {
	 background-image: url('/images/original_cover.jpg');
	 background-size: cover;
}
 .how-to-play-container .rule-book-container.new {
	 background-image: url('/images/new_cover.jpg');
	 background-size: cover;
}
 .how-to-play-container .rule-book-container.scenario {
	 background-image: url('/images/scenario_cover.jpg');
	 background-size: cover;
}
 .how-to-play-container .rule-book-container .rule-books-languages-container {
	 display: none;
}
 .how-to-play-container .rule-book-container .rule-book-language-icon {
	 border-radius: 50%;
	 max-width: 40%;
	 width: 100px;
}
 .how-to-play-container .rule-book-cover {
	 max-height: 512px;
}
 .how-to-play-container .link-image {
	 max-width: 100%;
	 width: 400px;
}
 .images-index-container {
	 text-align: center;
}
 .images-index-container .image-container {
	 display: inline-block;
	 margin-bottom: 24px;
}
 .images-index-container .image-image-container {
	 background: rgba(150, 150, 150, .3);
	 border: 3px solid #000;
	 display: inline-block;
	 height: 200px;
	 line-height: 190px;
	 text-align: center;
	 width: 200px;
}
 .images-index-container .image {
	 cursor: zoom-in;
	 max-height: 95%;
	 max-width: 95%;
	 vertical-align: middle;
}
 .image-popup-container {
	 background-color: rgba(0, 0, 0, .8);
	 display: none;
	 height: 100%;
	 overflow-x: hidden;
	 position: fixed;
	 top: 0;
	 width: 100%;
}
 .image-popup-container .image-popup-header {
	 color: #fff;
	 text-align: center;
}
 .image-popup-container .image-popup-header a {
	 color: #fff;
}
 .image-popup-container .image-popup-image img {
	 cursor: zoom-out;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 max-height: 95vh;
	 max-width: 95vw;
}
 .dt-notification {
	 font-size: 150%;
	 margin: auto;
	 max-width: 700px;
	 text-align: center;
}
 .dt-notification .notice {
	 background: rgba(25, 25, 200, .4);
	 border: 2px solid #00f;
}
 .dt-notification .alert {
	 background: rgba(200, 25, 25, .4);
	 border: 2px solid #f00;
}
 .order-details-container {
	 border: 2px solid #292929;
	 padding: 25px;
	 margin-bottom: 12px;
}
 .order-details-container .name {
	 display: block;
	 background: rgba(255, 255, 255, .4);
}
 .order-details-container .email {
	 display: block;
	 background: rgba(255, 255, 255, .4);
}
 .order-details-container .address {
	 display: block;
	 background: rgba(255, 255, 255, .4);
	 border: 2px solid #000;
}
 .order-details-container .address .address-field {
	 display: block;
}
 .order-success-show-container {
	 text-align: center;
}
 .popup {
	 background: rgba(256, 256, 256, .9);
	 border: 2px solid #000;
	 left: 50%;
	 position: fixed;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 visibility: hidden;
	 width: 50%;
}
 .visible-popup {
	 visibility: visible;
}
 .popup-background {
	 background-color: rgba(0, 0, 0, .4);
	 height: 100%;
	 overflow-x: hidden;
	 position: fixed;
	 top: 0;
	 width: 100%;
}
 .product-index-container {
	 background-color: rgba(256, 256, 256, .4);
	 border: 1px solid #000;
	 font-size: 24px;
	 margin-top: 12px;
	 padding: 12px;
	 padding-bottom: 50px;
	 padding-top: 24px;
	 position: relative;
	 text-align: center;
}
 .product-index-container .image {
	 margin: 0 auto;
	 max-height: 400px;
	 max-width: 400px;
	 overflow: hidden;
}
 @media only screen and (min-width: 816px) {
	 .product-index-container .image {
		 float: left;
	}
}
 @media only screen and (max-width: 815px) {
	 .product-index-container .image {
		 margin: 0 auto;
	}
}
 .product-index-container .image img {
	 max-height: 100%;
	 max-width: 100%;
}
 .product-index-container .product-name {
	 color: #606060;
	 display: block;
	 font-size: 150%;
}
 .product-index-container .product-description {
	 margin: 25px;
}
 .product-index-container .product-information {
	 display: block;
	 height: 50px;
	 width: 100%;
}
 .product-edit-container .product-image {
	 display: block;
	 max-width: 256px;
}
 .product-show-container {
	 text-align: center;
}
 @media only screen and (max-width: 1170px) {
	 .product-show-container {
		 margin: 0 20px;
	}
}
 @media only screen and (min-width: 1171px) {
	 .product-show-container {
		 margin: 0 100px;
	}
}
 .product-show-container .images {
	 display: inline-block;
	 max-width: 512px;
	 min-width: 256px;
}
 .product-show-container .images .active-image-container {
	 height: 500px;
	 line-height: 500px;
	 width: 500px;
}
 .product-show-container .images .active-image {
	 max-height: 90%;
	 max-width: 90%;
	 vertical-align: middle;
}
 .product-show-container .images .thumbnail-image {
	 border: 2px solid #fff;
	 cursor: pointer;
	 display: inline;
	 max-height: 50px;
	 max-width: 50px;
}
 .product-show-container .images .active-image-thumbnail {
	 border: 2px solid #000;
}
 .product-show-container .content {
	 display: inline-block;
	 max-width: 512px;
	 min-width: 256px;
	 padding: 20px;
	 text-align: left;
	 vertical-align: top;
}
 .product-show-container .content .name {
	 color: #606060;
	 display: block;
	 font-size: 150%;
}
 .product-show-container .content .description {
	 padding-top: 20px;
}
 .product-show-container .content .footer {
	 margin-top: 20px;
	 vertical-align: bottom;
}
 .product-show-container .content .footer .price {
	 font-size: 150%;
	 margin: 20px;
}
 .registration-form-container .credit-popup {
	 padding: 12px;
}
 .resources-index-container {
	 text-align: center;
}
 .resources-index-container .resource-container {
	 display: inline-block;
	 margin-bottom: 24px;
}
 .resources-index-container .resource-image-container {
	 background: rgba(150, 150, 150, .3);
	 border: 3px solid #000;
	 display: inline-block;
	 height: 200px;
	 line-height: 190px;
	 text-align: center;
	 width: 200px;
}
 .resources-index-container .resource-image-container .thumbnail-image {
	 max-height: 96%;
	 max-width: 96%;
	 padding: 2%;
}
 .resources-index-container .image {
	 max-height: 95%;
	 max-width: 95%;
	 vertical-align: middle;
}
 .rule-books-index-container {
	 text-align: center;
}
 .rule-books-index-container .rule-book-container {
	 display: inline-block;
	 margin-bottom: 24px;
}
 .rule-books-index-container .rule-book-image-container {
	 background: rgba(150, 150, 150, .3);
	 border: 3px solid #000;
	 display: inline-block;
	 height: 200px;
	 line-height: 190px;
	 text-align: center;
	 width: 200px;
}
 .rule-books-index-container .rule-book-image-container .thumbnail-image {
	 max-height: 96%;
	 max-width: 96%;
	 padding: 2%;
}
 .rule-books-index-container .image {
	 max-height: 95%;
	 max-width: 95%;
	 vertical-align: middle;
}
 .rules-container {
	 background-color: rgba(256, 256, 256, .4);
	 border: 1px solid #000;
	 margin-top: 12px;
	 padding: 12px;
	 text-align: left;
}
 .rules-container p {
	 margin-bottom: 1em;
	 margin-top: 1em;
}
 .scenario-index-container {
	 background-color: rgba(256, 256, 256, .4);
	 border: 1px solid #000;
	 font-size: 24px;
	 margin-top: 12px;
	 overflow: auto;
	 padding: 12px;
	 padding-bottom: 24px;
	 padding-top: 24px;
	 position: relative;
	 text-align: center;
}
 @media only screen and (min-width: 816px) {
	 .scenario-index-container .image {
		 float: left;
	}
}
 @media only screen and (max-width: 815px) {
	 .scenario-index-container .image {
		 margin: 0 auto;
	}
}
 .scenario-index-container .image img {
	 margin: 0 auto;
	 max-height: 200px;
	 max-width: 400px;
}
 .scenario-index-container .author {
	 bottom: 0;
	 margin: 20px;
	 position: absolute;
	 right: 0;
}
 .scenario-index-container .name {
	 color: #606060;
	 display: block;
	 font-size: 150%;
	 text-decoration: underline;
}
 .scenario-index-container .description {
	 margin-top: 25px;
}
 .scenario-information {
	 display: block;
	 height: 50px;
	 overflow: hidden;
	 width: 100%;
}
 .scenario-information .modes-icons {
	 float: left;
	 height: 100%;
}
 .scenario-information .modes-icons .mode-icon {
	 display: inline;
	 height: 100%;
	 margin-left: 10px;
	 margin-right: 10px;
}
 .scenario-information .number-of-players {
	 float: right;
	 font-size: 150%;
	 height: 100%;
	 line-height: 50px;
	 text-align: center;
}
 .scenario-rules-container {
	 background-color: rgba(256, 256, 256, .4);
	 border: 1px solid #000;
	 margin-top: 12px;
	 padding: 12px;
	 text-align: left;
}
 .scenario-rules-container p {
	 margin-bottom: 1em;
	 margin-top: 1em;
}
 .scenario-rules-toolbar {
	 background: #b4afaf;
}
 .scenario-rules-input {
	 background: rgba(256, 256, 256, .4);
	 height: 500px;
}
 .scenario-form-container .thumbnail-image-container {
	 display: inline-block;
	 flex: 3;
	 margin: 0 auto;
}
 .scenario-form-container .thumbnail-image-container label {
	 cursor: pointer;
}
 .scenario-form-container .thumbnail-image-container .thumbnail-image {
	 max-height: 128px;
	 max-width: 128px;
}
 .scenario-form-container .form-row {
	 display: flex;
}
 .scenario-form-container .form-row .name-and-description-container {
	 display: flex;
	 flex: 7;
	 flex-flow: column;
	 height: 200px;
}
 .scenario-form-container .form-row .name-and-description-container .name-input {
	 flex: 1;
	 width: 100%;
}
 .scenario-form-container .form-row .name-and-description-container .description-input {
	 flex: 10;
	 width: 100%;
}
 .scenario-form-container .scenario-modes-container {
	 display: inline-block;
	 width: 40%;
}
 .scenario-form-container .scenario-number-of-players-container {
	 display: inline-block;
	 width: 40%;
}
 .scenario-form-container .large-input {
	 width: 100%;
}
 .sticky {
	 background-color: rgba(172, 155, 135, .8);
	 position: fixed;
	 top: 0;
	 transition: 1s;
	 width: 100%;
}
 .timeline-events-index-container {
	 text-align: center;
	/* -------------------------------- Modules - reusable parts of our design -------------------------------- */
	/* -------------------------------- Main components -------------------------------- */
}
 .timeline-events-index-container .subtitle {
	 display: inline;
	 color: #acb7c0;
	 cursor: pointer;
	 font-family: 'Open Sans', sans-serif;
	 font-weight: bold;
	 text-decoration: none;
}
 .timeline-events-index-container .timeline-resource-icon {
	 width: 32px;
	 height: 32px;
	 margin-left: 20px;
	 vertical-align: middle;
}
 .timeline-events-index-container .expandable-text {
	 color: #fff;
	 display: none;
	 line-height: 1.6;
	 margin: 1em 0;
}
 .timeline-events-index-container .intro-block {
	 background: #6d4d2a;
	 border-radius: 0.25em;
	 box-shadow: 0 3px 0 #5d3d1a;
	 margin: auto;
	 max-width: 800px;
	 padding: 1em;
	 position: relative;
}
 .timeline-events-index-container .up-arrow {
	 bottom: 5%;
	 cursor: pointer;
	 height: 40px;
	 position: fixed;
	 right: 5%;
	 text-align: center;
	 width: 40px;
}
 .timeline-events-index-container * {
	 box-sizing: border-box;
}
 .timeline-events-index-container *::after, .timeline-events-index-container *::before {
	 box-sizing: border-box;
}
 .timeline-events-index-container h1, .timeline-events-index-container h2 {
	 font-family: 'Open Sans', sans-serif;
	 font-weight: bold;
}
 .timeline-events-index-container .cd-container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	 margin: 0 auto;
	 max-width: 1170px;
	 width: 90%;
}
 .timeline-events-index-container .cd-container::after {
	/* clearfix */
	 clear: both;
	 content: '';
	 display: table;
}
 .timeline-events-index-container header {
	 background: #303e49;
	 height: 200px;
	 line-height: 200px;
	 text-align: center;
}
 .timeline-events-index-container header h1 {
	 color: #6d4d2a;
	 font-size: 1.125rem;
}
 @media only screen and (min-width: 1170px) {
	 .timeline-events-index-container header {
		 height: 300px;
		 line-height: 300px;
	}
	 .timeline-events-index-container header h1 {
		 font-size: 1.5rem;
	}
}
 .timeline-events-index-container .cd-timeline {
	 margin-bottom: 2em;
	 padding: 2em 0;
	 position: relative;
}
 .timeline-events-index-container .cd-timeline::before {
	/* this is the vertical line */
	 background: #6d4d2a;
	 content: '';
	 height: 100%;
	 left: 18px;
	 position: absolute;
	 top: 0;
	 width: 8px;
}
 @media only screen and (min-width: 1170px) {
	 .timeline-events-index-container .cd-timeline {
		 margin-bottom: 3em;
	}
	 .timeline-events-index-container .cd-timeline::before {
		 left: 50%;
		 margin-left: -2px;
	}
}
 .timeline-events-index-container .cd-timeline-block {
	 margin: 2em 0;
	 position: relative;
}
 .timeline-events-index-container .cd-timeline-block::after {
	 clear: both;
	 content: '';
	 display: table;
}
 .timeline-events-index-container .cd-timeline-block:first-child {
	 margin-top: 0;
}
 .timeline-events-index-container .cd-timeline-block:last-child {
	 margin-bottom: 0;
}
 @media only screen and (min-width: 1170px) {
	 .timeline-events-index-container .cd-timeline-block {
		 margin: 4em 0;
	}
	 .timeline-events-index-container .cd-timeline-block:first-child {
		 margin-top: 0;
	}
	 .timeline-events-index-container .cd-timeline-block:last-child {
		 margin-bottom: 0;
	}
	 .timeline-events-index-container .cd-timeline-block:nth-child(even) .cd-timeline-content {
		 float: right;
	}
	 .timeline-events-index-container .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
		 border-color: transparent;
		 border-right-color: #6d4d2a;
		 left: auto;
		 right: 100%;
		 top: 24px;
	}
}
 .timeline-events-index-container .cd-timeline-img {
	 border-radius: 50%;
	 box-shadow: 0 0 0 4px #6d4d2a, inset 0 2px 0 rgba(0, 0, 0, .08), 0 3px 0 4px rgba(0, 0, 0, .05);
	 height: 40px;
	 left: 0;
	 position: absolute;
	 top: 0;
	 width: 40px;
}
 .timeline-events-index-container .cd-timeline-img img {
	 display: block;
	 height: 24px;
	 left: 50%;
	 margin-left: -12px;
	 margin-top: -12px;
	 position: relative;
	 top: 50%;
	 width: 24px;
}
 .timeline-events-index-container .cd-timeline-content {
	 background: #6d4d2a;
	 border-radius: 0.25em;
	 box-shadow: 0 3px 0 #5d3d1a;
	 margin-left: 60px;
	 padding: 1em;
	 position: relative;
}
 .timeline-events-index-container .cd-timeline-content::after {
	 clear: both;
	 content: '';
	 display: table;
}
 .timeline-events-index-container .cd-timeline-content::before {
	 border: 7px solid transparent;
	 border-right: 7px solid #6d4d2a;
	 content: '';
	 height: 0;
	 position: absolute;
	 right: 100%;
	 top: 16px;
	 width: 0;
}
 .timeline-events-index-container .cd-timeline-content h2 {
	 color: #303e49;
}
 @media only screen and (min-width: 768px) {
	 .timeline-events-index-container .cd-timeline-content h2 {
		 font-size: 1.25rem;
	}
	 .timeline-events-index-container .cd-timeline-content p {
		 font-size: 1rem;
	}
	 .timeline-events-index-container .subtitle {
		 font-size: 1.25rem;
	}
}
 @media only screen and (min-width: 1170px) {
	 .timeline-events-index-container .cd-timeline-content {
		 margin-left: 0;
		 padding: 1.6em;
		 width: 45%;
	}
	 .timeline-events-index-container .cd-timeline-content::before {
		 border-color: transparent;
		 border-left-color: #6d4d2a;
		 left: 100%;
		 top: 24px;
	}
}