h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

a {
	color: #9C27B0;
	font-weight: 500;
}

.hidden {
	display: none;
}

.wrapper{
	max-width: 900px;
	margin:0 auto;
	padding: 30px;
	position: relative;
}

ul {
	padding-left:20px;
}


ul li {
	list-style: none;
}

ul li i {
	font-size:10px;
}

.reveal {
    background: #eee;
    padding: 0 6px;
    border-radius: 15px;
    cursor: pointer;
}

.section-title {
    background: #eee;
    margin-bottom: 15px;
}
.section-title span {
    font-size: 20px;
    padding: 3px 10px 6px;
    display: block;
    border-left: 5px solid;
    float: left;
}

.navbar {
	padding: 0;
}
nav li a {
	cursor: pointer;
}

.project-link {
    background: #eee;
    padding: 0 6px;
    border-radius: 15px;
    cursor: pointer;
    color: #9C27B0;
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
}
.project-link:hover {
	background: #9C27B0;
	color: #fff;
	text-decoration: none;
}

.social {
	padding: 0;
}
.social li {
	display: inline-block;
	vertical-align: top;
}
.social li + li {
	margin-left: 8px;
}
.social li:first-child a {
	color: #0077b5;
}
.social li:nth-child(2) a {
	color: #f48024;
}
.social li:last-child a {
	color: #3F51B5;
}
.social li i {
	font-size:24px;
}


/*	recent project  */
#recent-projects .card-body {
	/*background: rgba(0,0,0,.125);*/
    /*color: #fff;*/
    border-radius: 0 0 3px 3px;
}



/*	Lets discuss */
.form-control:focus {
    border-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.3);
}
textarea {
	resize: none;
}

.btn-submit {
    height: 86px;
    width: 100%;
}


/* portfolio */
@media (min-width: 1200px){
	.page-portfolio .container{
		max-width: 100%;
	}
}
.page-portfolio .wrapper {
	max-width: 100%;
}
.portfolio-listing .portfolio {
	width: calc(50% - 8px);
}
.portfolio-listing .portfolio + .portfolio {
	margin-left: 16px;
}
.portfolio-listing .portfolio:nth-child(2n+1){
	margin-left: 0;
}
.portfolio {
	margin-bottom: 15px;
	border-radius: .25rem;
    padding: 30px;
    float: left;
    background: #f4f4f4;
    transition: all 0.5s ease;
}
.portfolio img {
	transition: all 0.5s ease;
	filter: grayscale(100%);
	filter: -ms-grayscale(100%);
	filter: -o-grayscale(100%);
	filter: -moz-grayscale(100%);
}
.portfolio:hover {
	background: #eee;
}
.portfolio:hover img {
	filter: none;
}
/*.col > .portfolio:nth-child(odd) {
    background: #f9f9f9;
}
.col > .portfolio:nth-child(even) {
    background: #f4f4f4;
}*/