/* ===== Classes ===== */

.main-video{
	padding:0 0 2% 0;
	list-style:none;
	margin-left:0;
	margin-right:0;
}

.main-video iframe{
	width: 100%;
	height:179px;
	padding-bottom: 1em;
}

.video .article h4,
.our-videos .article h4 {
	margin: 5px 0 0 0;
}

.video .columns-three .column,
.our-videos .columns-three .column {
	margin: 0 0 40px 0;
}

.video .columns-three .column img,
.our-videos .columns-three .column img{
	width: 100%;
	border: 1px dotted #999;
	padding: 5px;
}

.main-video .button{
	margin: 0 0 .25em .5em;
}
.main-video .read-more{
	margin-left: .5em;
}

.main-video .intro-col,
.main-video .button-col {
	width: 100%;
}

/* ==|== media queries ======================================================

========================================================================== */


/*	Landscape Mobile Layout: 480px.
================================================================	*/

@media only screen and (min-width: 480px) and (max-width: 739px) {

/* ===== Wrapper ===== */

.video .columns-three .column,
.our-videos .columns-three .column {
	float: left;
  width: 460px;
	margin: 0 40px 40px 0;
}

.main-video iframe{
	height: 269px;
}

.main-video.main-video--holiday iframe {
	height: 268px;
}


} /* mobile landscape */


/*	Tablet Layout: > 740px.
================================================================	*/

@media only screen and (min-width: 740px) {

.video .columns-three .column,
.our-videos .columns-three .column {
	width: 360px;
	margin: 0 20px 20px 0;
}

.video .columns-three .column:nth-child(2n),
.our-videos .columns-three .column:nth-child(2n) {
	margin: 0 0 20px 0;
}

.main-video iframe{
	height: 426px;
}

.main-video.main-video--holiday iframe {
	height: 282px;
}

.main-video .intro-col {
	width: 66.5%;
}
.main-video .button-col {
	width: 33.5%;
}


} /* tablet */


/*	Desktop Layout: < 1000px.
================================================================	*/

@media only screen and (min-width: 1000px) {

/* ===== Content ===== */

.video .columns-three .column:nth-child(2n),
.video .columns-three .column,
.our-videos .columns-three .column:nth-child(2n),
.our-videos .columns-three .column {
	width: 300px;
	margin: 0 40px 40px 0;
}

.video .columns-three .column:nth-child(3n),
.our-videos .columns-three .column:nth-child(3n) {
	margin: 0 0 40px 0;
}

.main-video iframe{
	height:  561px;
}

.main-video.main-video--holiday iframe {
	height: 406px;
}


} /* desktop */