.carousel-img{
	height: 100%;
	width: 100%;
}

.img-button{
	padding: 0%;
	border: transparent;
	background-color: transparent;
}
			
.img-button:focus{
	outline: none; /*no border when clicked*/
}

.image-selector ul{
	list-style-type = none;
}
			
.image-selector ul li{
	display: inline-block;
	margin: 0.4% 0% 0.2% 0.2%;
}

.image-selector ul li button img{
	width: 5vmax;
	height: 4vmax;
}

.slide{
	margin: 0 auto;
}

.slide img{
	margin: 0 auto;
	max-width: 85%;
}

.standing-img{
	width: 40%;
}

.videos{
	margin: 2%;
	margin-bottom: 0%;
}

.videos ul{
	list-style-type: none;
	margin-bottom: 0%;
	padding-left: 0%;
}

.videos ul li{
	display: inline-block;
	margin: 0.25% 0% 0.3% 0.3%;
}

.videos-mobile ul li{
	display: none;
}

@media (max-width: 1080px){
	.carousel-img{
		width: 130vh;
	}
	
	.img-button{
		width: 100%;
	}
	
	.image-selector{
		margin-right: 7%;
	}
	
	.image-selector ul li{
		display: inline-block;
		margin-top: 1%;
		margin-right: 0.25%;
		width: 10%;
	}
	
	.image-selector ul li button img{
		width: 100%;
		height: 100%;
	}
	
	.standing-img{
		width: auto;
	}
	
	.videos ul li{
		display: inline-block;
	}
	
	.videos-mobile{
		display: none;
	}
}

@media (max-width: 1136px)
{
	.slide img{
		max-height: 95vh;/*400*/
	}
}

@media (max-width: 420px){
	.carousel-img{
		height: 100%;
		width: 80%;
	}
	
	.img-button{
		width: 100%;
	}
	
	.image-selector{
		margin-right: 12%;
	}
	
	.image-selector ul li{
		display: inline-block;
		margin-top: 0.25%;
		margin-right: 1%;
		width: 10%;
	}
	
	.image-selector ul li button img{
		width: 100%;
		height: 100%;
	}
	
	.videos{
		display: none;
	}
	
	.videos-mobile{
		margin: 0%;
		display: block;
	}

	.videos-mobile ul{
		list-style-type: none;
		padding-left: 4%;
	}

	.videos-mobile ul li{
		display: inline-block;
		margin-top: 3%;
	}
}

@media (max-width: 320px){
	.carousel-img{
		height: 100%;
		width: auto;
	}
	
	.image-selector ul li{
		display: inline-block;
		margin: 0.4% 0.2%;
	}
	
	.image-selector ul li button img{
		width: 70%;
		height: 70%;
	}
	
	.videos{
		display: none;
	}
	
	.videos-mobile{
		margin: 5%;
	}

	.videos-mobile ul{
		list-style-type: none;
	}

	.videos-mobile ul li{
		display: inline-block;
		margin: 0.5% 0% 0.3% 0.3%;
	}
}