.slider--container {
	position: relative; /* "relative", so that h1 and images can be set absolutely */
	height: 650px; /* Adjust the height to your needs here */
	width: 100%; /* Adjust the width to your needs here */
	margin: 0 auto;
	overflow: hidden;
	border-radius: .125rem;
	box-shadow: 0 0 .1rem .125rem rgba(0, 0, 0, 0.25);
}

.slider--heading {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 1rem;
	z-index: 99;
	font: 300 1.25rem/1.25 Verdana, sans-serif;
	text-align: center;
	font-family: Myriad Pro, sans-serif;
	color: rgba(255, 255, 255, 1);
	transform: translate3d(-50%, -50%, 0);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.slider--heading h1 {
	font: 700 55px Myriad Pro, sans-serif !important;
	text-transform: uppercase;
	color: rgba(255,255,255, 1);
  font-size: 45px !important;
}
	/* Responsive styles for the heading */
	/* ===== == = === 30em (480px) === = == ===== */
	@media only screen and (min-width : 30em) {
		.slider--heading h1: 30px !important; 
	}
	/* ===== == = === 48em (768px) === = == ===== */
	@media only screen and (min-width : 48em) {
		.slider--heading h1
	}

.btn{
display: inline-block;
	background-color: #1b365d;
	border: 1px solid #1b365d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff !important;
	padding: 10px 20px;
	transition: 0.3s linear;
	/*margin: .75em;*/

	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	text-decoration: none;
	
  font-family: Myriad Pro, sans-serif;
}
	/* Responsive styles for the button */
	/* ===== == = === 30em (480px) === = == ===== */
	@media only screen and (min-width : 30em) {
		.btn {
			font-size: 1rem;
		}
	}
	/* ===== == = === 48em (768px) === = == ===== */
	@media only screen and (min-width : 48em) {
		.btn {
			font-size: 1.25rem;
		}
    
    @media only screen and (max-width: 767px) {
       .btn {		   
		  display: block;
		   max-width: 100% !important;
		   border: none;
		   margin-top: 10px;
       }
	}
.btn:hover {
	text-decoration: none;
  	background-color: white !important;
	border: 1px solid #1b365d !important;
	color: #1b365d !important;
}

.slider--image {
	position: absolute;
	z-index: 1;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 3% 5%;
	animation: 45s ease-in-out infinite;
} 
		@media only screen and (max-width: 600px) {
	.slider--image {
		animation-name: slide-01;
	}
}

 /* Name of animations and selection of images */
.slider--image:nth-of-type(1) {
	animation-name: slide-01;
}
.slider--image:nth-of-type(2) {
	animation-name: slide-02;
}
.slider--image:nth-of-type(3) {
	animation-name: slide-03;
}

	

/* Images are overlaid and visible or invisible due to different transparency */
/* Moving the images with transform: scale & translate */
	/* Styles for webkit browsers */
@-webkit-keyframes slide-01 {
	0%  { opacity:1; -webkit-transform: scale(1.4) translate(0, 0);}
	16%  {opacity:1; -webkit-transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
	50%  {opacity:0;}
	67%  {opacity:0;}
	84%  {opacity:0;}
	100%  {opacity:1; -webkit-transform: scale(1.4) translate(0, 0);}
}
@-webkit-keyframes slide-02 {
	0%  { opacity:0;}
	16%  {opacity:0; -webkit-transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:1; -webkit-transform: scale(1.4) translate(0, 0);}
	50%  {opacity:1; -webkit-transform: scale(1.2) translate(-20px, 10px);}
	67%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
	84%  {opacity:0;}
	100%  {opacity:0;}
}
@-webkit-keyframes slide-03 {
	0%  { opacity:0;}
	16%  {opacity:0;}
	33%  {opacity:0;}
	50%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
	67%  {opacity:1; -webkit-transform: scale(1.4) translate(-20px, 10px);}
	84%  {opacity:1; -webkit-transform: scale(1.2) translate(20px, -10px);}
	100%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
}

	/* Styles for all other browsers */
@keyframes slide-01 {
	0%  { opacity:1; transform: scale(1.4) translate(0, 0);}
	16%  {opacity:1; transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:0; transform: scale(1.4) translate(0, 0);}
	50%  {opacity:0;}
	67%  {opacity:0;}
	84%  {opacity:0;}
	100%  {opacity:1; transform: scale(1.4) translate(0, 0);}
}
@keyframes slide-02 {
	0%  { opacity:0;}
	16%  {opacity:0; transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:1; transform: scale(1.4) translate(0, 0);}
	50%  {opacity:1; transform: scale(1.2) translate(-20px, 10px);}
	67%  {opacity:0; transform: scale(1.4) translate(0, 0);}
	84%  {opacity:0;}
	100%  {opacity:0;}
}
@keyframes slide-03 {
	0%  { opacity:0;}
	16%  {opacity:0;}
	33%  {opacity:0;}
	50%  {opacity:0; transform: scale(1.4) translate(0, 0);}
	67%  {opacity:1; transform: scale(1.4) translate(-20px, 10px);}
	84%  {opacity:1; transform: scale(1.2) translate(20px, -10px);}
	100%  {opacity:0; transform: scale(1.4) translate(0, 0);}
}