header .slider {
    width: 100%;
    margin: 0;
}

header .slider .glide__slide {
    height: 60vH;
}

header .slider .glide__slide > div,
header .slider ul.images li>div {
	width:60%;
	bottom:2rem;
}

header .slider .glide__slide > div div {
    display: block;
    backdrop-filter: blur(4px);
    color: #fff;
    background-color: #00000080;
    padding: 0.8rem 0.8rem 0.8rem 5rem;
}

header .glide__arrow {
	display:none;
}

header .slider .glide__slide > div a,
header .slider .glide__slide h2{
	margin-left:0;
}


@media only screen and (max-height: 60rem) {
    header .slider .glide__slide {
        height: 50vH;
    }
}

@media only screen and (max-height: 54rem) {
    header .slider .glide__slide {
        height: 50vH;
    }
}


@media only screen and (max-height: 30rem) {
    header .slider .glide__slide {
        height: 9rem;
    }
}

@media only screen and (max-width: 64rem) {
	header .slider .glide__slide > div div {
		padding-left:3.5rem
	}
	
}

@media only screen and (max-width: 44rem) {
	
	header .slider .glide__slide > div div span {
		display:none;
	}
	
	header .slider .glide__slide > div,
	header .slider ul.images li>div {
		width:23rem;
		max-width:60%;
	}
}


@media only screen and (max-width: 35rem) {
	
	header .slider .glide__slide > div div span {
		display:none;
	}
	
		header .slider .glide__slide > div,
	header .slider ul.images li>div {
		width: 23rem;
        max-width: 90%;
	}

}