@charset "UTF-8";
/* TDSBweb: Skin.css */
/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/

.navigation{
display:inline;
}

#backHomeButton{
width:20%;
margin-top:10px;
}

.speech-category{
font-size:1.1em;
clear: left;
padding-top:50px !important;
}
.video-wrapper{
position: relative;
/* float: left; */
width:30%;
margin: 1%;
margin-bottom:50px;
border: 2px solid #CECECE;
}

.speech-video{
background-color: initial;
height: 225px;
}

.student-name{
font-size: 1.1em;
padding-top: 15px !important;
}


/*Media Queries*/
@media screen and (min-width: 800px) and (max-width: 1050px)  {
	.video-wrapper{
      width:40%;
	}
 }  
  @media screen and  (min-width: 600px) and (max-width: 799px){
 	.video-wrapper{
      width:50%;
      float:none;
    }
}
  @media screen and  (min-width: 400px) and (max-width: 599px){
    .video-wrapper{
      width:100%;
      float: none;
    }
    #backHomeButton{
      display: block;
    }
}

@media screen and (max-width: 399px){
	.title{
		font-size:1em;
		text-align:left;
		width:30%;
	}
	.video-wrapper{
      width:100%;
      float: none;
    }
    #backHomeButton{
      display: block;
    }
	.speech-video{
		height:200px;
	}
	
	.speech-category{
	font-size:1.1em;
	clear: left;
	padding-top:20px !important;
}
}