@charset "UTF-8";
/* CSS Document */


.l-main-pagecontent h1, .l-main-pagecontent h1 a, .l-main-pagecontent h2, .l-main-pagecontent h2 a, .l-main-pagecontent h3, .l-main-pagecontent h3 a, .l-main-pagecontent h5, .l-main-pagecontent h5 a, .l-main-pagecontent h6, .l-main-pagecontent h6 a, .l-main-pagecontent p, .l-main-pagecontent p a {				
	font-family: Neue Helvetica W02,Helvetica,Arial,sans-serif;
	letter-spacing: normal;
	line-height: normal;
}

.l-main-pagecontent h1, .l-main-pagecontent h2, {
	font-weight: 700;
}

.hero-section {

  height: auto;
  display: flex;
}

.hero-section img {

	width: 100%;
    height: auto;
}
 
.hero-section .hero-section-text {
    color:#fefefe;
    text-shadow:1px 1px 2px #0a0a0a;
}
div.body-copy {
    margin-top:5%;
    margin-right:10%;
    margin-bottom:5%;
    margin-left:10%;
	
}

div.body-copy p {
	font-size: 1em;
	max-width: 100%;
}

div.video {
	    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

div.video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.program-facts {
	background-color: lightgray;
	padding: 10px;
	
}

div.program-facts .row .columns img{
  margin-left: auto;
  margin-right: auto;
}


/* It's Your Turn content*/

.flip-card {
    -webkit-perspective:1000;
    perspective:1000;
    border:0;
    background:transparent;
}
.flip-card:hover .flip-card-inner,  .flip-card.hover .flip-card-inner {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.flip-card,  .flip-card-inner-front,  .flip-card-inner-back {
    width:100%;
    height:40rem;
}
.flip-card-inner {
    transition:0.6s;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    position:relative;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.flip-card-inner-front,  .flip-card-inner-back {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute;
    top:0;
    left:0;
}
.flip-card-inner-front {
    background:url(https://www.depts.ttu.edu/comc/itsyourturn/images/ItsYourTurn-Red.jpg) 0 0 no-repeat;
    z-index:2;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.flip-card-inner-front.two {
    background:url(https://www.depts.ttu.edu/comc/itsyourturn/images/Kaylee-Scott.jpg) 0 0 no-repeat;
    background-position:36% 50%;
    z-index:2;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.flip-card-inner-front.two span {
    margin-top:60%;

}
.flip-card-inner-front.three {
    background:url(https://www.depts.ttu.edu/comc/itsyourturn/images/Donte-Phillips.jpeg) 0 0 no-repeat;
    background-position:42% 21%;
	background-size: cover;
    z-index:2;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.flip-card-inner-front.three span {
    margin-top:60%;
}
.flip-card-inner-front.four {
    background:url(https://www.depts.ttu.edu/comc/itsyourturn/images/Matt-Wilson.jpg) 0 0 no-repeat;
    background-position:36% 50%;
    z-index:2;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.flip-card-inner-front.four span {
    margin-top:60%;
}
.flip-card-inner-front span {
    width:100%;
    text-align:center;
    background:rgba(254,254,254,0.8);
    padding:0.25rem 0;
    font-size:1.5rem;
    font-weight:bold;
    border-bottom: solid;
    border-color: rgb(204,0,0)
}
.flip-card-inner-back {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    text-align:center;
    background:#cacaca;
    padding:1rem;
}
.flip-card-inner-back-title {
    font-weight:bold;
}
.flip-card-inner-back-text {
    line-height:1.3;
}
.flip-card-inner-back-text a .button-success {
    background: #CC0000;
}