html,
		body {
			background: #000;
			height: 100%;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		body{
			padding: 20px 0px 0px 0px;
		}

		.slider {
			margin: 0 auto;
			max-width: 940px;
		}

		.slide_viewer {
			height: 90vh;
			overflow: hidden;
			position: relative;
		}

		.slide_group {
			height: 100%;
			position: relative;
			width: 100%;
		}

		.slide {
			display: none;
			height: 100%;
			position: absolute;
			width: 100%;
			text-align:center;
		}

		.slide:first-child {
			display: block;
		}

		.slide:nth-of-type(1) {
			background: #D7A151;
		}

		.slide:nth-of-type(2) {
			background: #F4E4CD;
		}

		.slide:nth-of-type(3) {
			background: #C75534;
		}

		.slide:nth-of-type(4) {
			background: #D1D1D4;
		}

		.slide_buttons {
			left: 0;
			position: absolute;
			right: 0;
			text-align: center;
		}

		a.slide_btn {
			color: #474544;
			font-size: 42px;
			margin: 0 0.175em;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}

		.slide_btn.active,
		.slide_btn:hover {
			color: #428CC6;
			cursor: pointer;
		}

		.directional_nav {
			height: 90vh;
			margin: 0 auto;
			max-width: 940px;
			position: relative;
			top: -340px;
		}

		.previous_btn {

			left: 10px;
			margin: auto;
			position: absolute;
			top: 20%;
			padding: 10px;
			border-radius: 50%;
			background: rgba(0, 0, 0, .8)
		}

		.next_btn {
			right: 10px;
			margin: auto;
			position: absolute;
			top: 20%;
			padding: 10px;
			border-radius: 50%;
			background: rgba(0, 0, 0, .8)
		}

		.previous_btn,
		.next_btn {
			cursor: pointer;
			height: 65px;
			opacity: 0.8;
			-webkit-transition: opacity 0.4s ease-in-out;
			-moz-transition: opacity 0.4s ease-in-out;
			-ms-transition: opacity 0.4s ease-in-out;
			-o-transition: opacity 0.4s ease-in-out;
			transition: opacity 0.4s ease-in-out;
			width: 65px;
		}

		.previous_btn:hover,
		.next_btn:hover {
			opacity: 1;
		}
		.slide img {
			width: auto;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
		}

		@media only screen and (max-width: 767px) {
		    .slide_buttons{
		        display:none;
		    }
			.previous_btn {
				left: 50px;
			}

			.next_btn {
				right: 50px;
			}
			.slide img {
			width: 100%;
            height: auto;
            margin-left: auto;
            margin-right: auto;
		}
		}