.documentary-top {
	margin-top: 60px;

}
.documentary-box1 {
	display: flex;
	justify-content: center;
	    list-style: none;   
    display: flex;
    margin: 0;
    padding: 0;
    margin-bottom: 10%;
}
.documentary-box {
	background: #000;
    border-radius: 22px;
}
.documentary-content {
	    width: 300px;
    height: auto;
    display: block;
    opacity: 1;
    transition: .3s;
}

.documentary-box:hover img{
    opacity: 0.5;
}

.documentary1-2 {
	     margin-top:-10%;
  padding-top:10%;
}
@media screen and (max-width: 768px) {
	.documentary-box {
		  display: flex;
  flex-direction: column;
	}
	.documentary-box {
		margin: 5px;
		background: none;
	}

	.documentary-content {
		width: 70%;
		margin: 5px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 1921px) {
	.box_con08 form ul {
		width: 200px;
		text-align: center!important;
	}
	.documentary-content {
		width: 600px;
	}