/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}	

@media (min-width:1280px){
	.cover_image_1 {
		min-height: 500px!important;
	}
	.cover_image_2 {
		min-height: 500px!important;
	}		
}

@media (max-width:400px){
	.cover_image_2 {
		background-position-x: -400px!important;
	}
}
@media (min-width:401px) and (max-width:499px){
	.cover_image_2 {
		background-position-x: -350px!important;
	}
}
@media (min-width:500px) and (max-width:580px){
	.cover_image_2 {
		background-position-x: -250px!important;
	}
}
@media (min-width:581px) and (max-width:660px){
	.cover_image_2 {
		background-position-x: -100px!important;
	}
}
@media (min-width:661px) and (max-width:768px){
	.cover_image_2 {
		background-position-x: -30px!important;
	}
}

.fade-in {
	opacity: 1;
	background-color:rgba(255,255,255,0.8);
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
		background-color:rgba(255,255,255,0);
	}
	100% {
		opacity: 1;
		background-color:rgba(255,255,255,0.8);
	}
}