


.watch-container {
	display:grid;
	position:relative;
	align-items: center;
	justify-items: center;
	margin: 0 0;
}

.watch-content {
	max-width: 1100px;
	display: grid;
	grid-template-columns: 20% 1fr;
	grid-gap: 16px;
	margin: 80px 0;
}

.watch-item-day-cell {
	background-color: #000;
  display: grid;
  align-items: center;
  justify-content: center;
  min-height: 4.5rem;
  text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #fff;
	white-space: normal; 
}

.watch-content-wrapper {
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	justify-content: start;
	padding: 0 18px 0;
	transform-origin: left;
	transition: .4s;
}

.watch-thums {
	width: 80px;
	height: auto;
	padding-top: 5px;
}

.title-plus-social-icon-container {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	grid-gap: 18px;
	margin: 0 10px 0;
}

.title-container h2 {
	font-size: 1.4rem;
	padding:0;
	margin:0;
}

.rollover-cell-hover-scale {
	transform: scale(1.08);
}

.rollover-cell-hover-glow {
	-webkit-box-shadow: 0px 0px 11px 1px rgba(255,46,46,0.9);
	-moz-box-shadow: 0px 0px 11px 1px rgba(255,46,46,0.9);
	box-shadow: 0px 0px 11px 3px rgba(102,153,204,0.9);
}

.watch-item-link-cell {
	display: grid;
	align-items: center;
	transition: .4s;
	margin: 0 0 0;
}

.chad {
    background-color: #dd8585;
}

.vy {
    background-color: #f7deee;
}

.saga {
    background-color: #c7e3e8;
}

.diji {
    background-color: #e5e5e5;
}

.daniel {
    background-color: #dae8f8;
}

.melvin {
    background-color: #aee8ae;
}

.dual-link-cell {
	background-image: url('https://spyninjas.net/images/watch-one-off-bg.jpg');
    background-size: cover;
}

.dual-link-container {
	display: grid;
	grid-template-columns: auto;
	align-items: center;
	justify-content: start;
	row-gap: 8px;
	margin: 0 29px;
}

.dual-link-copy {
	font-weight: bold;
	font-size: .8rem;
	text-align: center;
	line-height: 1.2rem;
}

.red-font {
	color: red;
}

.dual-link-container-button-grid {
	display:grid;
	grid-template-columns: auto auto;
	align-items: center;
	justify-content: center;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	width: fit-content;
	margin: 10px auto;
}

.dual-link-button {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	justify-content: center;
    border-radius: 5rem; 
    grid-column-gap: 10px;
	padding: 0 33px 0 0;
	width: 234px;
	transition: .2s;
}

.dual-link-button:hover {
	transform: scale(1.1);
	box-shadow: 0px 0px 11px 3px rgba(102,153,204,0.9);
}

.zorgo-button {
    background-color: #f3fce5;
    border: solid 2px #9cdc12;
    transform-origin: right;
}

.regina-button {
    background-color: #fdffe2;
    border: solid 2px #fcff00;
    transform-origin: left;
}

.button-icon-container {
	display: grid;
  place-self: start center;
}

.button-icon {
	width: 80px;
	height: auto;
}

.button-title-w-youtube-icon {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 6px;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: bold;
}

.watch-social-you {
	width: 32px;
	height: auto;
}

.also-available-container {
	display: grid;
    background-image: url('https://spyninjas.net/images/header-bg-tile-blue-lg-002.jpg');
    background-repeat: repeat;
    text-align: center;
    width: 100%;
    padding: 50px 25px;
}

.also-available-container h2 {
	font-size: 1.4rem;
	padding:0;
	margin:0;
}

.also-available-grid {
	display: grid;
	width: 100%;
  	max-width: 1072px;
	grid-template-columns: repeat(4,auto);
	grid-gap: 20px;
	margin: 50px auto 80px;
}

.logo-container {
	max-height: 2.4rem;
	width:auto;
}

.available-logo-cell {
	height: 100%;
	max-height: 2.5em;
    width: auto;	
	transition: .2s;
}

.available-logo-cell:hover {
	transform: scale(1.2);
}

.saga-logo {
    width: 76px;
    padding-top: 5px;
}

@media only screen and (max-width: 836px) {
	.also-available-grid {
		display: grid;
		width: 85%;
	  	max-width: 85%;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 35px;
		margin: 50px auto 25px;
	}

	.dual-link-container-button-grid {
	display:grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-content: center;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	width: fit-content;
	margin: 10px auto;
}

}

@media only screen and (max-width: 640px) {

.also-available-grid {
	display: grid;
	width: 85%;
  	max-width: 85%;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 22px;
	margin: 43px auto 0px;
}

.available-logo-cell {
	height: 100%;
	max-height: 1.8em;
    width: auto;	
	transition: .2s;
}

.watch-container {
	display:grid;
	position:relative;
	align-items: center;
	justify-items: center;
}

.watch-content {
	width: 85%;
	display: grid;
	grid-template-columns: 1fr;
	margin: 30px auto;
	padding: 0 0;
	grid-gap: 0px;
}

.watch-item-day-cell {
	background-color: #000;
  display: grid;
  align-items: center;
  justify-content: center;
  min-height: 4.5rem;
  text-align: center;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	white-space: normal; 
}

.title-plus-social-icon-container {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 12px;
	align-items: center;
	margin: 10px 10px 10px;
}

.title-container h2 {
	font-size: 1.1rem;
	padding:0;
	margin:0;
}

.watch-item-link-cell {
	display: grid;
	align-items: center;
	transition: .4s;
	margin: 0 0 30px;
}

.watch-content-wrapper {
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	justify-content: start;
	padding: 0 18px 0;
	transform-origin: left;
	transition: .4s;
}

.dual-link-container {
	display: grid;
	grid-template-columns: auto;
	row-gap: 15px;
	align-items: center;
	justify-content: start;
	margin: 15px 0;
}

.dual-link-container-button-grid {
	display:grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-content: center;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	width: fit-content;
	margin: 10px auto;
}

.also-available-container {
	border: 1px solid black;
	display: grid;
    background-image: url('https://spyninjas.net/images/header-bg-tile-blue-sm.jpg');
    background-repeat: repeat;
    text-align: center;
    width: 100%;
    padding: 50px 0px;
}

}