.trailer-links {
	border-bottom: 1px solid var(--border-neutral-secondary);
	margin-bottom: 4rem;
	padding: 1px 0;
}

.trailer-links:first-of-type{
    padding-top: 4rem;
    border-top: 1px solid var(--border-neutral-secondary);
}

.trailer-links-container {
	display: flex !important;
  	flex-flow: row nowrap;
  	justify-content: flex-start;
	padding: 0 0 4rem 0;;
	position: relative;
	min-height: 460px;
}

.trailer-links-container img {
	margin: 0 0 0 2rem;
	width: 33.3%;
	border-radius: var(--radius-base-4);
	position: absolute;
    right: 0;
    top: 0;
    height: calc(100% - 4rem);
    object-fit: cover;
}

.trailer-links-container h1 {
	margin: 2rem 0;
}

.trailer-links-content {
	max-width: 33.3%;
	padding-right: 7%;
}

.trailer-links-links {
	max-width: 33.3%;
	padding-right: 7%;
}



@media all and (min-width: 0px) {

	.trailer-links-container {
  		flex-flow: column nowrap;
  	}
	
	.trailer-links {
		margin-bottom: 1.5rem;
	}

	.trailer-links-container {
		min-height: unset;
		padding: 0 0 1.5rem 0;
	}

	.trailer-links-content {
		max-width: unset;
		padding-right: unset;
	}

	.trailer-links-links {
		max-width: unset;
		padding-right: unset;
		padding-top: 1.5rem;
	}

	.trailer-links-links .nav {
		flex-direction: row;
    	align-items: flex-start;
	}

	.trailer-links h2 {
		margin: 1.5rem 0 0 0;
	}

	.trailer-links-container img {
		float: none;
		margin: 0;
		width: 100%;
		position: static;
		height: auto;
	}
	
}


@media all and (min-width: 576px) {

	.trailer-links-container {
  		flex-flow: column nowrap;
  	}
	
	.trailer-links {
		margin-bottom: 1rem;
	}

	.trailer-links-container {
		min-height: unset;
		padding: 0 0 1rem 0;
	}

	.trailer-links-content {
		max-width: 66.6%;
		padding-right: 7%;
	}

	.trailer-links-links {
		max-width: 66.6%;
		padding-right: 7%;
		padding-top: 1.5rem;
	}

	.trailer-links-links h3 {
		margin-bottom: 1rem;
	}

	.trailer-links-container img {
		float: none;
		margin: 0;
		position: absolute;
		right: 0;
		top: 0;
		height: calc(100% - 1rem);
		width: 33.3%;
	}
	
	.trailer-links h2 {
		margin: 0;
	}
}


@media all and (min-width: 1024px) {

	.trailer-links-container {
  		flex-flow: row nowrap;
  	}

	.trailer-links {
		margin-bottom: 2rem;
	}
	
	.trailer-links-container {
		min-height: calc(200px + 3rem);
		padding: 0 0 2rem 0;
	}

	.trailer-links-content {
		max-width: 33.3%;
		padding-right: 7%;
	}

	.trailer-links h2 {
		margin: 0;
	}

	.trailer-links-links {
		max-width: 33.3%;
		padding-right: 7%;
		padding-top: 0;
	}

	.trailer-links-links h3 {
		margin-bottom: 1.5rem;
	}

	.trailer-links-links .nav {
		flex-direction: column;
    	align-items: flex-start;
	}
	
	.trailer-links-container img {
		float: none;
		margin: 0;
		position: absolute;
		right: 0;
		top: 0;
		height: calc(100% - 2rem);
		width: 33.3%;
	}
	
}


@media all and (min-width: 1440px) {

	.trailer-links {
		margin-bottom: 4rem;
	}
	
	.trailer-links-container {
		padding: 0 0 4rem 0;
		min-height: calc(300px + 6rem);
	}

	.trailer-links-content {
		max-width: 33.3%;
		padding-right: 7%;
	}

	.trailer-links h2 {
		margin: 0 0 1.5rem 0;
	}

	.trailer-links-links {
		max-width: 33.3%;
		padding-right: 7%;
	}

	.trailer-links-container img {
		float: none;
		margin: 0;
		position: absolute;
		right: 0;
		top: 0;
		height: calc(100% - 4rem);
		width: 33.3%;
	}
			
}