.video_folder{

  padding:50px 0;
  
  .right{
    margin-top:8px;
  }
  h2{
    margin-top:0;
  }
  .video_files{
    margin:0 -10px;
    
    
  }

  .video_folder{

    padding:20px 10px;
    h3{
      margin-top:0;
      padding-left:10px;
    }
    background:rgba(0,0,0,0.02);
    margin-bottom:20px;
  }

}




.column{
  float:left;
  width:33.333%;
  box-sizing:border-box;
  padding:20px;
}

.video_content{
 
  padding:30px 60px;
  padding-left:0;
  
  h2{
    margin-top:20px;
    margin-bottom:0px;
    padding-bottom:0;
    color:$orange;
    font-size:1.2em;
  }
  .description{
 
    float:left;
    padding-top:5px;
  }
  .links{
   
    padding-top:0px;
    margin-bottom:30px;
    text-align:right;
    float:right;
    a{
      color:black;
      padding:5px;
      font-size:1.3em;
    }
  }
}

.video-container {
  
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;


}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.more_videos_link{
  color:black;
  span{
    background:$orange;
    color:white;
    border-radius:50%;
    display:inline-block;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
  }
}


.video_files_index{
  
  
  
  .top{
    margin-top:2em;
    h1{
      margin-bottom:0;
    }
    text-align:center;
    margin-bottom:4em;
  }
}


#intro_videos{
  background:url('/orange.jpg') no-repeat center center;
  background-size:100%;
  background-size:cover;
  padding:70px 20px ;
  color:white;
  text-align:center;
  a{color:white;}
  h2{
    margin-top:0;
    margin-bottom:10px;
    
    
  }
  p{
    max-width:700px;
    margin:auto;
  }
  
  .socials{
    margin-top:20px;
  }


  
}



.investigation_cats{
  text-align:center;
  padding:30px 10px;
  margin:0px 0;
  margin-bottom:20px;
  background:url('/blanc.jpg') no-repeat center center;
  background-size:100%;
  background-size:cover;
  .main_container{
    max-width:1100px;
  }
  
  h3{
    color:$orange;
    font-size:1.2em;
    margin-top:0;
    
    
  }
  
  font-size:1.1em;
  color:black;
  
  a{
    color:black;
    display:inline-block;
    padding:7px 10px;
    margin:3px 5px;
    span{
      background:$orange;
      color:white;
      text-align:center;
      min-width:2em;
      display:inline-block;
      border-radius:50%;
    }
    &.active{
      color:white;
      background:$orange;
    }
  }
  
}






.show_video{
  ul{
    padding:0;
    margin:0;
    li{
      list-style:none;
      padding:0;
      margin:0;
    }
  }
  .intro{
    text-align:center;
    margin-bottom:40px;
    padding:20px 0;
    h2{
      font-size:1.4em;
      margin-bottom:0;
      margin-top:30px;
      span{
        color:$orange;
      }
    }
  }
  .square{
    h3{
      margin-bottom:10px;
    }
  }
}
