body {
	background-color: #FFFFFF;
	font-weight: 300;
	font-size: 14px;
}

@media (min-width: 768px) {
	body {
		font-size: 16px;
	}
}

.gradient-bg1 {
/* Orange #FF6162 => #FF8B64 */
	background: rgb(255,97,98);
/*	background: linear-gradient(0deg, rgba(255,97,98,1) 0%, rgba(255,139,100,1) 100%);*/
	background: linear-gradient(0deg, rgba(255,97,98,1) 0%, rgba(255,139,100,1) 35%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
}

.gradient-bg2 {
/* Purple #9996EF => #DAB7DC */
	background: rgb(153,150,239);
/*	background: linear-gradient(0deg, rgba(153,150,239,1) 0%, rgba(218,183,220,1) 100%);*/
	background: linear-gradient(0deg, rgba(153,150,239,1) 0%, rgba(218,183,220,1) 35%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
}

.gradient-bg3 {
/* Black #2B2B2B => #E3E1DC */
	background: rgb(43,43,43);
/*	background: linear-gradient(0deg, rgba(43,43,43,1) 0%, rgba(227,225,220,1) 100%);*/
	background: linear-gradient(0deg, rgba(43,43,43,1) 0%, rgba(227,225,220,1) 35%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
}

/* Scroll Back To Top */
#scrollBackToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
/*    background: rgba(255,255,255,.3);*/
    background: rgba(43,43,43,.8);
/*    background-color: #2B2B2B;*/
    color: #FFF;
    cursor: pointer;
    padding: 10px;
/*    border-radius: 4px;*/
    border-radius: 20%;
}

#scrollBackToTopBtn:hover {
    background: rgba(43,43,43,1);
/*    background: rgba(255,255,255,1);*/
/*    color: #FF6162;*/
}

.container {
	max-width: 960px;
}

.nav-container {
	width: 100%;
	text-align: center;
}

.portfolio-header {
	max-width: 700px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* Footer */
.my-footer-style .social li {
	display: inline-block;
	position: relative; 
}
.my-footer-style .social li a {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: #2B2B2B;
/*	background: rgba(43,43,43,.9);*/
	color: #FFF;
}
.my-footer-style .social li a > span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
}
.my-footer-style .social li a > i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
}

.my-footer-style .social li a:hover {
/*	background: rgba(43,43,43,.9);*/
	background: rgba(255,255,255,1);
	color: #FF6162;
}