body {
	margin:0;
	font-family:Verdana,sans-serif;
	font-size:15px;
	line-height:1.5
}

button {
	font:inherit;
	margin:0;
}

#slidesDiv {
	position:relative;	
	height:100%;
	border: 0px solid #FFFFFF;
}

.mySlides {
	position:absolute;
	opacity: 0;
	left: 25%;
	top: -25px;
}

/* Home tv */
@media only screen and (min-width:1919px) and (max-width:1921px) and (min-height:900px) and (max-height:938px){	
.mySlides {
	position:absolute;
	opacity: 0;
	left: 34%;
	top: 20px;
}
}

/* Lenovo Laptop */
@media only screen and (min-width:1518px) and (max-width:1536px) and (min-height:694px) and (max-height:755px){
.mySlides {
	position:absolute;
	opacity: 0;
	left: 30%;
	top: -25px;
}
}

/* Dell Laptop */
@media only screen and (min-width:1279px) and (max-width:1535px) and (min-height:609px) and (max-height:726px){	
.mySlides {
	left: 25%;
	top: -30px;
}
}

/* Ipad Air Landscape */
@media only screen and (min-width:1024px) and (max-width:1081px) and (min-height:500px) and (max-height:1367px){	
.mySlides {
	left: 15%;
	top: -60px;
}
}

/* Google Nexus 7 Landscape */
@media only screen and (min-width:966px) and (max-width:967px) and (min-height:500px) and (max-height:605px){	
.mySlides {
	left: 15%;
	top: -60px;
}
}

/* Other bigger stuff */
@media only screen and (min-width:770px) and (max-width:835px) and (min-height:1000px) and (max-height:1367px){	
.mySlides {
	left: 5%;
	top: -60px;
}
}

/* Ipad Air Portrait */
@media only screen and (min-width:768px) and (max-width:769px) and (min-height:921px) and (max-height:1367px){	
.mySlides {
	left: 5%;
	top: -60px;
}
}

/* Bunch of Stuff */
@media only screen and (min-width:383px) and (max-width:767px) and (min-height:200px) and (max-height:1081px){	
.mySlides {
	width: 92vw;
	left: 5px;
	top: 40px;
}
}

/* Iphone 6 & 7*/
@media only screen and (min-width:375px) and (max-width:376px) and (min-height:500px) and (max-height:740px){	
.mySlides {
	width: 97vw;
	left: 5px;
	top: 40px;
}
}

/* 360 Stuff */
@media only screen and (min-width:360px) and (max-width:361px) and (min-height:300px) and (max-height:741px){	
.mySlides {
	width: 92vw;
	left: 0%;
	top: 40px;
}
}

/* iPhone 5 */
@media only screen and (min-width:319px) and (max-width:320px) and (min-height:454px) and (max-height:570px){
.mySlides {
	width: 95vw;
	left: 5px;
	top: 30px;
}
}

/* 240 Stuff */
@media only screen and (min-width:240px) and (max-width:241px) and (min-height:200px) and (max-height:428px){
.mySlides {
	width: 86vw;
	left: 5px;
	top: 0px;
}
}

.animatein {
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 1s; /* Safari, Chrome and Opera > 12.1 */
    animation: fadein ease-in-out;
    animation-duration: 1s;
    opacity: 1;
    z-index: 1;
}

.animateout {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 1s; /* Safari, Chrome and Opera > 12.1 */
    animation: fadeout ease-in-out;
    animation-duration: 1s;
    opacity: 0;
    z-index: 0;
}

@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}

@keyframes fadeout {
    from { opacity: 1;}
    to   { opacity: 0;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1;}
    to   { opacity: 0;}
}

.slide-display-container {
	position:relative;
	border: 0px solid #66CCFF;
}

.slide-content {
	margin-left:auto;
	margin-right:auto;
}

.slide-button {
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	z-index: 2;
}   

.slide-button-display-left {
	position:absolute;
	top:25vh;
	left:15%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:25vh;
	/*right:29.7%;*/
	right:10%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

/* Lenovo Laptop */
@media only screen and (min-width:1518px) and (max-width:1536px) and (min-height:694px) and (max-height:755px){
.slide-button-display-left {
	position:absolute;
	top:25vh;
	left:25%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:25vh;
	/*right:29.7%;*/
	right:20%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}

/* Dell Laptop */
@media only screen and (min-width:1279px) and (max-width:1535px) and (min-height:609px) and (max-height:726px){	
.slide-button-display-left {
	left:20%;
}

.slide-button-display-right {
	right:15%;
}
}

/* Apple iPad Pro 2015 12.9 */
@media only screen and (min-width:1024px) and (max-width:1025px) and (min-height:1366px) and (max-height:1367px){	
.slide-button-display-left {
	top:10vh;
	left:10%;
}

.slide-button-display-right {
	top:10vh;
	right:12%;
}
}

/* Ipad Air Landscape */
@media only screen and (min-width:1024px) and (max-width:1081px) and (min-height:500px) and (max-height:1367px){	
.slide-button-display-left {
	left:10%;
}

.slide-button-display-right {
	right:12%;
}
}

/* Google Nexus 7 Landscape */
@media only screen and (min-width:966px) and (max-width:967px) and (min-height:500px) and (max-height:605px){	
.slide-button-display-left {
	left:10%;
}

.slide-button-display-right {
	right:8%;
}
}

/* 800+ stuff */
@media only screen and (min-width:800px) and (max-width:835px) and (min-height:921px) and (max-height:1367px){	
.slide-button-display-left {
	top:10vh;
	left:0%;
}

.slide-button-display-right {
	top:10vh;
	right:3%;
}
}

/* Ipad Air Portrait */
@media only screen and (min-width:768px) and (max-width:769px) and (min-height:921px) and (max-height:1367px){	
.slide-button-display-left {
	top:15vh;
	left:5%;
}

.slide-button-display-right {
	top:15vh;
	right:4%;
}
}

/* 600 Stuff */
@media only screen and (min-width:600px) and (max-width:767px) and (min-height:200px) and (max-height:1081px){	
.slide-button-display-left {
	position:absolute;
	top:20vh;
	left:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:20vh;
	/*right:29.7%;*/
	right: 0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}

/* 460-480 stuff */
@media only screen and (min-width:459px) and (max-width:481px) and (min-height:200px) and (max-height:801px){	
.slide-button-display-left {
	position:absolute;
	top:30vh;
	left:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:30vh;
	/*right:29.7%;*/
	right:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}

/* 384-400 stuff */
@media only screen and (min-width:383px) and (max-width:413px) and (min-height:500px) and (max-height:816px){	
.slide-button-display-left {
	position:absolute;
	top:25vh;
	left:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:25vh;
	/*right:29.7%;*/
	right:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}

/* 414 stuff */
@media only screen and (min-width:414px) and (max-width:423px) and (min-height:500px) and (max-height:816px){	
.slide-button-display-left {
	position:absolute;
	top:20vh;
	left:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:20vh;
	/*right:29.7%;*/
	right:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}

/* 424 stuff */
@media only screen and (min-width:424px) and (max-width:425px) and (min-height:500px) and (max-height:816px){	
.slide-button-display-left {
	position:absolute;
	top:20vh;
	left:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:20vh;
	/*right:29.7%;*/
	right:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}


/* Iphone 6 & 7*/
@media only screen and (min-width:375px) and (max-width:376px) and (min-height:500px) and (max-height:740px){	
.slide-button-display-left {
	position:absolute;
	top:25vh;
	left:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:25vh;
	/*right:29.7%;*/
	right:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}

/* 360 Stuff */
@media only screen and (min-width:360px) and (max-width:361px) and (min-height:300px) and (max-height:741px){	
.slide-button-display-left {
	position:absolute;
	top:25vh;
	left:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}

.slide-button-display-right {
	position:absolute;
	top:25vh;
	/*right:29.7%;*/
	right:0%;
	transform:translate(0%,0%);
	-ms-transform:translate(0%,0%)
}
}

/* iPhone 5 */
@media only screen and (min-width:319px) and (max-width:320px) and (min-height:454px) and (max-height:570px){
.slide-button-display-left {
	top:25vh;
	left:0%;
}

.slide-button-display-right {
	top:25vh;
	right:0%;
}
}

/* 240 stuff */
@media only screen and (min-width:240px) and (max-width:241px) and (min-height:200px) and (max-height:428px){
.slide-button-display-left {
	top:20vh;
	left:0%;
}

.slide-button-display-right {
	top:20vh;
	right:0%;
}
}

.slide-button:hover {
	color:#000;
	background-color:#ccc;
}

.slide-button-black {
	color:#fff;
	background-color:#000;
}