/*VIDEOS*/
.videos.thumbnail-grid {
   display: flex;
   /*width: calc(100vw - 120px);*/
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: -1px;
}

.videos .thumbnail{
	width: 680px;
    margin: 20px 0 0 0;
    display: flex;
	/*justify-content: center;*/
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.videos .thumbnail a{
    display: flex;
	justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    border-right: 1px solid #252525;
    border-left: 1px solid #252525;
    margin-left: -1px;
    min-width: 0;
}

.videos .thumbnail:first-child a{
    
}

.videos .thumbnail div {
	width: 600px;
}

.videos .thumbnail p {
	font-size: 16px;
}

.videos .thumbnail h2 {
	font-size: 24px;
}

.videos .thumbnail h3 {
	font-size: 24px;
}

.videos .thumb-header {
	height: 124px;
    margin-bottom: 24px;
}

.videos .thumb-header .fecha{
	margin-bottom: 24px;
}

.videos .thumb-header .epigrafe{
}

.videos .thumb-header .titulo{
	text-transform: uppercase;
    min-width: 0;
}

.videos .thumb-header .titulo h2{
}

.videos .thumb-img {
	width: 640px;
}

.videos .thumb-header .medio{
}

.videos a .thumb-img img {
	box-shadow: 0 0 0 rgba(255,204,243,0) ;
	transition: .2s;
}

.videos a:hover .thumb-img img {

}

.videos .thumb-img a img {
	box-shadow: 0 0 0 rgba(255,204,243,0) ;
	transition: .2s;
}

.videos .thumb-img a:hover img {
   
}

.videos .thumb-img {
	height: 360px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.videos .thumb-img img {
	max-width: 640px;
    max-height: 360px;
    width: auto;
    height: auto;
}

.videos .thumbnail .linea{
	margin-top: 20px;
	border-bottom: 1px solid #252525;
    width: calc(100% - 40px);
    margin-left: 20px;
}

/*VIDEO*/
body.black {
	background: black;
    color: #f5f5f5;
}

body.black  img.logo{
	filter: brightness(7.25);
}

body.black a {
	color: #f5f5f5;
}

body.black .contact-menu ul.contact li {
    border-right: 1px solid #f5f5f5;
}

body.black .contact-menu ul.contact li:last-child {
    border-right: 0;
}

body.black  #sub-nav {
	background: black;
    border-bottom: 1px solid #f5f5f5;
}

.video {
	width: calc(100vw - 250px);
    height: calc(100vh - 175px);
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
    display: flex;
	justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.video p {
	font-size: 16px;
}

.video h2 {
	font-size: 24px;
}

.video h3 {
	font-size: 24px;
}

.video .video-header {
	width: 100%;
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}

.video .video-header .fecha{
	width: 100%;
     margin-bottom: 24px;
}

.video .video-header .titulo{
	width: 100%;
    text-transform: uppercase;
}

.video iframe{
   width: 100%;
   height: 100%;
   padding-bottom: 30px;
}

/*MOBILE*/

@media (max-width:600px) {

.videos .thumbnail:first-child {
	margin: 0;
}

.videos.thumbnail-grid {
    /* width: calc(100vw - 120px); */
}

.videos .thumbnail {
    width: 100%;
    margin: 20px 0 0 0;
    /*
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    */
}

.videos .thumbnail div {
    width: auto;
}

.videos .thumb-header {
    width: calc(100% - 40px) !important;
    height: auto;
}

.videos .thumbnail p {
    font-size: 12px;
}

.videos .thumb-img {
     height: auto;
}

.videos .thumb-img img {
    max-width: calc(100% - 40px);
    /*
    max-height: 360px;
    width: auto;
    height: auto;
    */
}

.videos .thumbnail .linea {
    width: 100%;
    margin-left: 0;
}

.video {
    width: 100%;
    display: inherit;
}

.video iframe {
    width: 100%;
    height: 40%;
    padding-bottom: 30px;
}

}