body {
    margin:0;
}
.slide {
    margin: 0 auto;
    width: 100%;
}
.slide > ul {
    padding: 0;
    margin: 0;
    background-color: #FFF;
}
.slide > ul > li {
    list-style: none;
    min-height: 430px;
    padding: 1em 4em;
    background-color: #000;
}
.slide > ul > li:nth-child(odd) {
    text-align: center;
}
.slide > ul > li:nth-child(even) {
    text-align: center;
}
.slide > ul > li h3 {
	font-family: 'Playfair Display', serif;
    display: inline-block;
    color: #FFF;
    font-size: 50px;
	line-height:58px;
	font-weight:bold;
    width: 50%;
	margin-top:80px;
}
.slide > ul > li > div {
	font-family: 'Lato', sans-serif;
    display: inline-block;
	margin-top:20px;
    color: #FFF;
    font-size:17px;
	line-height:27px;
	color:#fff;
	width:60%;
	padding: 1em;
    background-color: rgba(0, 0, 0, 0.6);
}
pre {
    margin: 1em 3em;
    padding: 0 1em 1em 1em;
    border: 1px solid silver;
    background-color: #333;
}
.controls {
    text-align: center;
    position: relative;
    top: -70px;
}
.controls ul {
    display: inline-block;
    padding: 0;
}
.controls .glider-control-back, .controls .glider-control-next, .controls li {
    display: inline-block;
    padding: 0.3em;
    marging: 1em;
    font-size: 2em;
    cursor: pointer;
}
.glider {
    overflow: hidden;
    position: relative;
    max-width: 100% !important;
}
.glider-list {
    position: relative;
}
.glider-ltr .glider-list {
    left: 0;
}
.glider-rtl .glider-list {
    right: 0;
}
.glider-ltr.ease .glider-list {
    transition: left 0.5s ease;
}
.glider-rtl.ease .glider-list {
    transition: right 0.5s ease;
}
.glider .glider-item {
    display: block;
    box-sizing: border-box;
}
.glider-rtl .glider-item {
    float: right;
}
.glider-ltr .glider-item {
    float: left;
}
.glider-control-back, .glider-control-next {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 2em;
    padding: 0.5em;
}
.glider-controls-ltr .glider-control-back {
    position: absolute;
    left: 0;
}
.glider-controls-ltr .glider-control-next {
    position: absolute;
    right: 0;
}
.glider-controls-rtl .glider-control-back {
       position: absolute;
    right: 0;
}
.glider-controls-rtl .glider-control-next {
    position: absolute;
    left: 0;
}
.glider-top {
    top: 0;
}
.glider-middle {
    top: 40%;
}
.glider-bottom {
    bottom: 0;
}
.glider-control-link {
    padding: 0;
    margin: 0 auto;
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
}
.glider-control-link li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin: 0.3em;
    color: #FFF;
}
.glider-circle-icon {
    display: inline-block;
    background-color: #FFF;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    transition: background 0.5s ease;
}
.glider-link.selected .glider-circle-icon {
    background-color: #1F3;
}


@media screen and (max-width:1199px) and (min-width:992px){
.slide {
    margin: 0 auto;
    width: 100%;
}
.slide > ul {
    padding: 0;
    margin: 0;
    background-color: #FFF;
}
.slide > ul > li {
    list-style: none;
    height: auto;
    padding: 1em 4em;
    background-color: #000;
}
.slide > ul > li:nth-child(odd) {
    text-align: center;
}
.slide > ul > li:nth-child(even) {
    text-align: center;
}
.slide > ul > li h3 {
    display: inline-block;
    color: #FFF;
    font-size: 40px;
	line-height:50px;
	font-weight:bold;
    width: 50%;
	margin-top:80px;
}
.slide > ul > li > div {
    display: inline-block;
	margin-top:20px;
    color: #FFF;
    font-size:16px;
	line-height:26px;
	color:#fff;
	width:70%;
	padding: 1em;
    background-color: rgba(0, 0, 0, 0.6);
}
}

@media screen and (max-width:991px) and (min-width:768px){
.slide {
    margin: 0 auto;
    width: 100%;
}
.slide > ul {
    padding: 0;
    margin: 0;
    background-color: #FFF;
}
.slide > ul > li {
    list-style: none;
    height: auto;
    padding: 1em 4em;
    background-color: #000;
}
.slide > ul > li:nth-child(odd) {
    text-align: center;
}
.slide > ul > li:nth-child(even) {
    text-align: center;
}
.slide > ul > li h3 {
    display: inline-block;
    color: #FFF;
    font-size: 37px;
	line-height:50px;
	font-weight:bold;
    width: 70%;
	margin-top:50px;
}
.slide > ul > li > div {
    display: inline-block;
	margin-top:20px;
    color: #FFF;
    font-size:16px;
	line-height:26px;
	color:#fff;
	width:70%;
	padding: 1em;
    background-color: rgba(0, 0, 0, 0.6);
}
}


@media screen and (max-width:767px) and (min-width:600px){
.slide {
    margin: 0 auto;
    width: 100%;
}
.slide > ul {
    padding: 0;
    margin: 0;
    background-color: #FFF;
}
.slide > ul > li {
    list-style: none;
    height: auto;
    padding: 1em 4em;
    background-color: #000;
}
.slide > ul > li:nth-child(odd) {
    text-align: center;
}
.slide > ul > li:nth-child(even) {
    text-align: center;
}
.slide > ul > li h3 {
    display: inline-block;
    color: #FFF;
    font-size:35px;
	line-height:45px;
	font-weight:bold;
    width: 100%;
	margin-top:50px;
	margin-bottom:20px;
}
.slide > ul > li > div {
    display: inline-block;
	margin-top:20px;
    color: #FFF;
    font-size:17px;
	line-height:26px;
	color:#fff;
	width:70%;
	padding: 1em;
    background-color: rgba(0, 0, 0, 0.6);
}
}

@media screen and (max-width:599px) and (min-width:480px){
.slide {
    margin: 0 auto;
    width: 100%;
}
.slide > ul {
    padding: 0;
    margin: 0;
    background-color: #FFF;
}
.slide > ul > li {
    list-style: none;
    height: auto;
    padding: 1em 4em;
    background-color: #000;
}
.slide > ul > li:nth-child(odd) {
    text-align: center;
}
.slide > ul > li:nth-child(even) {
    text-align: center;
}
.slide > ul > li h3 {
    display: inline-block;
    color: #FFF;
    font-size:28px;
	line-height:38px;
	font-weight:bold;
    width: 100%;
	margin-top:30px;
}
.slide > ul > li > div {
    display: inline-block;
	margin-top:20px;
    color: #FFF;
    font-size:16px;
	line-height:26px;
	color:#fff;
	width:90%;
	padding: 1em;
    background-color: rgba(0, 0, 0, 0.6);
}
}


@media screen and (max-width:479px) and (min-width:320px){
.slide {
    margin: 0 auto;
    width: 100%;
}
.slide > ul {
    padding: 0;
    margin: 0;
    background-color: #FFF;
}
.slide > ul > li {
    list-style: none;
    height: auto;
    padding: 1em 4em;
    background-color: #000;
}
.slide > ul > li:nth-child(odd) {
    text-align: center;
}
.slide > ul > li:nth-child(even) {
    text-align: center;
}
.slide > ul > li h3 {
    display: inline-block;
    color: #FFF;
    font-size:28px;
	line-height:38px;
	font-weight:bold;
    width: 100%;
	margin-top:30px;
}
.slide > ul > li > div {
    display: inline-block;
	margin-top:20px;
    color: #FFF;
    font-size:16px;
	line-height:26px;
	color:#fff;
	width:90%;
	padding: 1em;
    background-color: rgba(0, 0, 0, 0.6);
}
}