.content {
				text-align: center;
				background-color: #FAFBFB;
			}

			.content .width-limit {
				max-width: 1120px;
				margin: auto;
			}

			.content .width-limit .mix {
				display: table;
				width: 100%;
			}

			.content .width-limit .mix .left {
				display: table-cell;
				/*border: 1px solid #666;*/
				width: 55%;
				vertical-align: middle;
				padding-right: 1em;
			}

			.content .width-limit .mix .right {
				display: table-cell;
				/*border: 1px solid #666;*/
				width: 45%;
				vertical-align: top;
				margin-left: -30px;
				padding: 1em;

			}

			.content .width-limit .mix .left p,
			h3 {
				font-size: 1em;
				line-height: 2em;
				padding: 1em 0;
				color: #575655;
				font-family: "Rubik", arial, sans-serif;
			}

			.content .width-limit .mix .left p {
				font-weight: 300;
			}

			.content .width-limit .mix .left h3 {
				font-family: "Playfair Display", times, serif;
				font-weight: 300;
				font-size: 1.4em;
				color: #b99365;
			}


			.content .width-limit .mix .cert {
				display: inline-block;
				width: 22%;
				transition: 0.3s;
			}

			.content .width-limit .mix .cert:hover {
				background: #fff;
				box-shadow: 0 0 20px #aaa;
				transform: scale(1.2);
			}

			.content .width-limit .mix .cert img {
				width: 100%;
				height: auto;
				padding: 1em;
			}

			.content .width-limit .mix .cert .title {
				font-family: 'Roboto', sans-serif;
			}

			.content .width-limit .video .list li {
				width: 25%;
				height: 180px;
				float: left;
				background: #eee;
				padding: 2px;
				background-clip: content-box;
				cursor: pointer;
				transition: 0.4s;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				position: relative;
			}

			.content .width-limit .video .list li:after {
				content: '';
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				position: absolute;
				background: rgba(0, 0, 0, 0.0);
				padding: 2px;
				cursor: pointer;
				transition: 0.4s background-color;
				background-image: url(/static/web/images/play.png);
				background-repeat: no-repeat;
				background-position: center;
				background-clip: content-box;
			}


			.content .width-limit .video .list li:hover:after {
				background: rgba(0, 0, 0, 0.6);
				background-clip: content-box;
				background-image: url(/static/web/images/play.png);
				background-repeat: no-repeat;
				background-position: center;
			}

			#video-viewer {
				visibility: hidden;
				position: fixed;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				background: rgba(0, 0, 0, 0.5);
				transition: 0.6s;
			}

			#video-viewer .close {
				position: absolute;
				top: 20px;
				right: 20px;
				width: 60px;
				height: 60px;
				background-image: url(/static/web/images/close.png);
				background-repeat: no-repeat;
				background-position: center;
				cursor: pointer;
			}

			#video-viewer .viewer video {
				width: 1120px;
				height: auto;
				margin-top: 100px;
				display: none;
				box-shadow: 0px 0px 30px;
			}

			@media screen and (max-device-width: 800px) {
				.content .width-limit .mix .left p {
					padding: 0 1em;
				}

				#video-viewer .viewer video {
					width: 100%;
					height: auto;
				}

			}