h1.title {
	font-size: 32px;
	color: #6d6e70;
	padding: 40px;
	margin: 0;
	text-align:center;
}
.resources-box{
    background: #fff;
    color: #6c6d70;
    -webkit-box-shadow: 0 4px 20px rgba(44,62,80,.2);
    box-shadow: 0 4px 20px rgba(44,62,80,.2);
	padding: 15px 0;
	margin-bottom:25px;
}
a.col-item{
	display:block;
	color:#8fbb54;
	text-align:center;
}
a.col-item img{
	margin: 5px auto;
}
.pop-modal{width:100%!important;}
#animatedModal{
    top: 80px!important;
    background-color: rgb(255, 255, 255, .95)!important;
    width: 90%!important;
	height:100vh!important;
    right: 0;
	top: 70px!important;
    margin: 0 auto;
	webkit-box-shadow: 0 4px 10px rgba(44,62,80,.2);
    box-shadow: 0 4px 10px rgba(44,62,80,.2);
	color:#6c6d70;
}
.modal-content{
    border:0px!important;
	border-top: 5px solid #f9db3a!important;
    border-radius: 0px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
	margin-bottom: 85px;
}
.modal-content .left-content{
	text-align:center;
	margin-top: 85px;
}
.modal-content .right-content{
}
.modal-content h2{
	font-size: 26px;
	line-height: 26px;
	margin-top:15px;
	margin-bottom:15px;
	color:#000;
}
.modal-content p{
	font-size: 20px;
	line-height: 26px;
	margin-bottom:15px;
}
@media (min-width: 768px){
	.modal-content {
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
	}
}
/************************************
 * Close button
************************************/
#btn-close-modal{
	position: relative;
	width:auto;
	text-align:right;
	margin-top:20px;
	right:20px;
    float: right;
    z-index: 999;
}

.closebt {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
}

.closebt:hover {
	transform:rotate(90deg);
}