
.section-literature {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
             -ms-flex-align: center;
                 align-items: center;
         background-color: #0c2035;
         width: 100%;
         height: auto;
	padding-bottom: 50px;
    }

.literature-container1 {
	width: 100%;
	padding-top: 30px;
}

.literature-container3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	width: 100%;
	padding-top: 30px;
}

.literature-c1 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.literature-c3 {
	width: 33.3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}


.literature-c2 {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


.literature-cover {
	width: 25%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: 50px;
}

.literature-cover2 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 auto 30px auto;
	text-align: center;
}

.literature-cover3 {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin: 0 auto 30px auto;
}

.literature-cover img {
	width: 250px;
	height: auto;
	border: 7px solid rgba(255,255,255,.2);
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}

.literature-cover3 img, .literature-cover2 img {
	width: 85%;
	height: auto;
	border: 7px solid rgba(255,255,255,.2);
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}

.literature-cover:hover img, .literature-cover3:hover img, .literature-cover2:hover img {
	opacity: .5;
}

.literature-content {
	width: 69%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.literature-content3 {
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.literature-content h2 {
	text-align: left;
}

.literature-name {
	font-size: 22px;
	color: #FFF;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align: left;
}

.literature-category {
	font-weight: 500;
}

.literature-intro {
	color:#CBCBCB;
	line-height: 1.5;
	text-align: left;
}

.literature-download {
	text-align: center;
	display: flex;
	width: 100%;
	justify-content: center;
}

.btn-download {
	width: 230px;
	height: 30px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-radius: 20px;
	background-color: #d0343a;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;
}

.btn-download2 {
	width: 50%;
	height: 30px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-radius: 20px;
	background-color: #d0343a;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;
}

.btn-download3 {
	width: 80%;
	height: 30px;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-radius: 20px;
	background-color: #d0343a;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;
}



@media (max-width:425px) {
	.literature-c1 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
	
	.literature-cover {
	width: 70%;
	margin: 0 auto 50px auto;
}
	
	.literature-content {
	width: 90%;
		margin: 0 auto;
}
	
	.btn-download {
	width: 90%;
		margin: 20px auto;
}
	
	.literature-content h2 {
	text-align: center;
}
	
	.literature-name {
	text-align: center;
}
	
	.literature-container3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	padding-top: 30px;
}
	
	.literature-c3, .literature-c2 {
	width: 100%;
		margin-top: 50px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
	
	.literature-cover3 {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
		padding-left: 15px;
}
	
	.literature-cover2 {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
		padding-left: 0;
		text-align: center;
}

	
	.literature-c3:first-child {
		margin-top: 0;
}
	
	.btn-download3, .btn-download2 {
		width: 100%;
	}
	
}
