/*
	This is a custom file. It allowed me to change the fa fa icons a color and size
*/

.divider .fa {
	font-size: 10px;
}
.divider i.fa {
color: #fff;
background-color: #FC0B2F;
	background-image: linear-gradient(60deg, #FC0B2F, #683aff );
	font-size: 49px;
	
		height: 70px; line-height: 70px;
	text-align: center;
	width: 70px;
	font-size: 43px;
	border-radius: 50%;
	position: absolute;
	top: -35px; left: 50%;
	margin: 0 auto 0 -25px;

}
	/* Buttons */
	.btn-default {
		border:#683aff  2px solid;
	}
	.btn-default:hover, .btn-default:active, .btn-default:focus {
		border:#FC0B2F 2px solid;
	}
	.btn-primary {
		background-color:#683aff !important;
	}
	.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
		border:rgba(255,255,255,0) 2px solid;
		background-color:#FC0B2F !important;
	}
	
	
	/* responsive logo */

	header#topNav a.logo {
		color:#333;
		text-decoration:none;
		font-size:35px;
		display:inline-block;
		height:60px; line-height:50px;
			max-width: 85%;
		font-weight:600;
		letter-spacing:-2px;
	}

header#topNav nav ul.nav-main > li:hover > a, header#topNav nav ul.nav-main > li.active > a, header#topNav nav ul.nav-main li a:hover {

    color: #FC0B2F !important;

}

/*Top Nav more spacing between buttons*/

header#topNav nav ul.nav-main li a {
	background: none;
	font-style: normal;
	line-height: 20px;
	color: #9C9C9C;
	font-weight: 100;
	position: relative;
	font-size: 1.1em;
	margin-right: 19px;
}




/** Portfolio
 **************************************************************** **/
 

.item-box {
		max-width:100%;
	}