/*!
 * Roxer Onepage Personal Portfolio Template
*/
/* ========TABLE OF CONTENTS========== 
01. NAVIGATION MENU
02. SECTION INTRO
03. SECTION ABOUT
04. SECTION RESUME
05. SECTION PORTFOLIO (WORKS)
06. SECTION SERVICES
07. SECTION FACTS
08. SECTION BLOG
09. SECTION CONTACT
10. MEDIA QUERIES FOR RESPONSIVE DESIGN

/* === 01. NAVIGATION MENU */

/*PAGE LOADER*/

#scrollUp {
  background: #297acc none repeat scroll 0 0;
  bottom: 60px;
  color: #fff;
  font-size: 26px;
  height: 40px;
  position: absolute;
  right: 60px;
  text-align: center;
  width: 40px;
}
html{
	position: relative;
	background-color: #fff;
}

body{
	background: transparent;
	position: relative;
	background-color: #fff;
}
a:focus {
	outline: 0;
}

/*----- Page Loader -----*/
#loader {
    background: #297ACC;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#loaderInner {
    background: url(../images/load.gif) center center no-repeat;
    height: 100px;
    left: 46%;
    position: absolute;
    top: 46%;
    width: 100px;
}


/* Menu Button */
.menu-button {
	position: fixed;
	top: 15px;
	left: 40px;
	z-index: 1000;
	padding: 0;
	width: 50px;
	height: 50px;
	font-size: 35px;
	border: 0;
  	outline: 0;
	color: #111;
	background: transparent;
}

/*--------------------------------------------------
	01. Navigation menu
---------------------------------------------------*/

#headerBar {
	z-index: 999;
  	width: 100%;
  	height: auto;
  	min-height: 60px;
  	-webkit-transition: 0.2s cubic-bezier(.58,.83,.57,.84); 
  	-moz-transition: 0.2s cubic-bezier(.58,.83,.57,.84); 
  	transition: 0.2s cubic-bezier(.58,.83,.57,.84); 
  	position: fixed;
  	top: 0px;
  	background: rgba(0,0,0,0.9);
  	padding: 0 6%;
}
#headerBar .container {
	padding: 0;
}
.headerLeft {
	text-align: left;
	line-height: 70px;
	padding: 0;
}
.headerLeft img{
	position: relative;
	left: -15px;
}
.headerRight {
	text-align: left;
	padding: 0;
}
.navbar-collapse {padding-left: 0px;}
.navbar {margin-bottom: 0;-webkit-padding-start: 0px;}
.navbar li{display: inline-block;margin: 0 12px;}
.navbar li a{
  	font-weight: 700;
  	font-size: 12px;
  	letter-spacing: 1px;
  	text-decoration: none;
  	z-index: 999;
  	line-height: 70px;
  	padding-bottom: 4px;
  	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	transition: 0.3s;
  	font-family: "Open Sans", sans-serif;
  	text-transform: uppercase;
  	color: #fff;
}
.navbar li a:hover{
	color: #ffb03a;
	border-bottom: 1px solid #ffb03a;
}
.navbar li.active a {
	color: #ffb03a;
	border-bottom: 1px solid #ffb03a;
}
.navbar-toggle {
  color: #fff;
  cursor: pointer;
  font-size: 30px;
}

/*--------------------------------------------------
	02. section Intro
---------------------------------------------------*/
#sectionIntro {
  background: rgba(0, 0, 0, 0) url("../images/hero.jpg") repeat scroll 0 0 / cover ;
  min-height: 670px;
  position: relative;
  width: 100%;
}
.textIntro {
	text-align: left;
	padding-top:100px;
	padding-bottom: 44px;
	min-height: 670px;
}
.hi {
  background: rgba(0, 102, 255, 0.6) none repeat scroll 0 0;
  border: 8px solid rgba(0, 0, 0, 0.2);
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  padding: 20px 30px 40px;
  width: 720px;
}

.hi h1 {
	letter-spacing: 4px;
	font-size: 50px;
	font-weight: 800;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
}
.hi h2{
	font-size: 12px;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 1px;
	color: #ffb03a;
	margin-bottom: 26px;
	text-transform: uppercase;
}
.textIntro p{
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	line-height:30px;
	font-weight: 300;
	letter-spacing: 1px;
	color:#e5e5e5 !important;
}
.socialIntro{
	margin-top: 25px;
	margin-bottom: 40px;
}
.socialIntro span{
	color:rgba(255,255,255,0.5);
	font-size: 16px;
	margin-right: 20px;
	border-radius: 50%;
	padding: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.socialIntro span:hover{
	background: #ffb03a;
	color:#fff;
}
.hi a {
  background: #ffb03a none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  color: #fff;
  display: inline-block;
  font-family: "Open Sans",sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 12px 36px;
  text-align: center !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
.hi a i{
	position: relative;
	left: -3px;
}
.sectionTitle {
  text-align: center;
}
.sectionTitle span {
  border-bottom: 2px solid #297acc;
  color: #111;
  font-family: "Open Sans",sans-serif;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.whiteColor{
	color:#fff !important;
}
.socialIntro > a {
  border-radius: 50%;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  width: 40px;
}
.socialIntro > a:hover{background:#000;}
.socialIntro a i {
  left: 0;
}
/*--------------------------------------------------
	04. section About
---------------------------------------------------*/
#sectionAbout{
	background-color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.about{
	padding: 0 6%;
}
.about-content{
	padding-top: 40px;
}
.about-image img {
  border: 8px solid #297acc;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.about-infos h4{
	font-family: "Open Sans", sans-serif;
	color:#111;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
}
.about-infos p{
	font-family: "Nunito", sans-serif;
	letter-spacing: 1px;
	color:#888;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 23px;
	font-weight: 300;
}
p.less-bottom{
	margin-bottom: 10px;
}
.about-infos{
	padding-top: 10px;
	padding-right: 9px;
}
.about-infos ul{
	list-style: none;
	margin-left: -40px;
}
.about-infos ul li b{
	font-family: "Open Sans", sans-serif;
	color:#111;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;	
}
.about-infos ul li{
	font-family: "Nunito", sans-serif;
	letter-spacing: 1px;
	color:#888;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 23px;
	font-weight: 300;	
}
.about-skills{
	padding-top: 10px;
	padding-left: 30px;
}
.about-skills h4{
	font-family: "Open Sans", sans-serif;
	color:#111;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.webdesign{
	width: 80%;
}
.webdev{
	width: 90%;
}
.logo{
	width: 70%;
}
.photo{
	width:95%;
}
.progress {
  border-radius: 0;
}
.progress-bar {
  border-radius: 0;
  background-color: #297acc;
}
/*--------------------------------------------------
	04. section Resume
---------------------------------------------------*/

#sectionResume{
	background: #f9f7f8;
	padding-bottom: 20px;
	padding-top: 80px;
}
.resume{
	padding: 0 6%;
}
.edContent{
	padding: 30px 20px;
}
.icon-list {
  margin-bottom: 20px;
  text-align: center;
}
.icon-list i {
  background: #297acc none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  height: 50px;
  line-height: 49px;
  text-align: center;
  width: 50px;
}
.resume-top{
	margin-bottom: 60px;
	padding-top: 20px;
}
.edContent:hover .resumeIcon{
	background-color: #ffb03a;
	transform:rotate(360deg); 
}
.edContent:hover h5 b.place, .edContent:hover h6 {
  color: #297acc;
}
.resumeIcon {
  background-color: #388e3c;
  border-radius: 50%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  color: #fdfdfd;
  font-size: 20px;
  height: 50px;
  line-height: 48px;
  padding: 0;
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  width: 50px;
}
.resumeIcon .icon{
	position: relative;
}
.resumeIcon .icon-basic-case{
	left: 0px;
}
.resumeContent {
  text-align: center;
}
.resumeContent h5{
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 800;
	font-family: "Open Sans", sans-serif;
	color:#111;	
	font-size: 14px;
}
.resumeContent h5 b.place{
	color: #ffb03a;
	margin-left: 2px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.resumeContent h6 {
  color: #ffb03a;
  font-family: "Nunito",sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 26px;
  transition: all 0.3s ease-in-out 0s;
}
.resumeContent p{
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 1px;
	color:#888;	
}

/*--------------------------------------------------
	05. section Portfolio
---------------------------------------------------*/

#sectionPortfolio {
  background: #297acc none repeat scroll 0 0;
  padding: 80px 6%;
}
#sectionPortfolio .sectionTitle span {
  border-bottom: 2px solid #fff;
}
.filters li {
	cursor: pointer;
	display: inline-block;
	margin:0 10px 0 0;
	font-size: 12px;
	font-weight: 300;
	font-family: "Nunito", sans-serif;
	text-transform: uppercase;
	color: #e5e5e5;
	letter-spacing: 1px;
	padding: 6px 12px;
}
.filters {
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 0;
	text-align: left;
}
.is-checked { 
	background-color:#ffb03a;
	color:#fff !important; 
	border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.mGrid img{
	width: 100%;
	height: 100%;
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.grid-item {
	padding-right: 30px;
	padding-bottom: 30px;
	position: relative;
}
.grid-item a {
	display: block;
	position: relative;
	overflow: hidden;
}

.item-five { width: 33%; }
.item-three { width: 32%; }
.item-four { width: 29%; }

.itemHover {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding-right:20px;
	background:rgba(0,0,0,0.9);
	opacity: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;

}
.grid-item a:hover .itemHover {
	opacity: 1; 
}
.grid-item a:hover img {
	-webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}
.itemHover h4 {
	letter-spacing: 2px;
	font-size: 20px;
	font-weight: 800;
  	color: #fff;
  	text-transform: uppercase;
  	margin: 0 auto;
  	max-width: 90%;
  	padding: 12px;
  	position: absolute;
  	font-weight: bold;
  	bottom:23px;
  	left: 8px;
  	font-family: "Open Sans", sans-serif;
}
.itemHover h6{
	color:#ffb03a;
	bottom:5px;
	left: 20px;
	position: absolute;
	font-family: 'Nunito', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
}
.modal-box {
	max-width: 550px;
	background: #fff;
	position: relative!important;
	margin: 0 auto;
	left: 0!important;
}
.modal-box img {
	width: 100%;
	height: 100%;
}
.modal-box-content {
	padding: 25px;
}
.modal-box-content h4 {
	font-size: 26px;
	font-weight: 800;
	color:#111;
  	font-family: "Open Sans", sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.modal-box-content p {
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	text-align: left;
	line-height: 22px;
	padding: 25px 0;
	padding-top: 10px;
	max-width: 800px;
	font-weight: 300;
	letter-spacing: 1px;
	color:#949494;
}
.contactForm {margin: 0 0 50px 0;}
.contactForm h1 {
  	letter-spacing: 5px;
  	font-size: 15px;
  	font-weight: 700;
  	text-transform: uppercase;
  	text-align: center;
  	padding-bottom: 30px;
}

/*--------------------------------------------------
	06. section Services
---------------------------------------------------*/
#sectionServices{
	background-color: #f7f7f7;
	padding-top:80px;
	padding-bottom: 80px;
	padding-left: 6%;
	padding-right: 6%;
}
.servicesBox {
	
}
.servicesBox:hover .servicesIcon{
	transform:rotate(360deg);
	background-color: #ffb03a;
}
.servicesBox:hover span {
  color: #297acc;
  transition: all 0.3s ease-in-out 0s;
}
.services-row{
	margin-top:60px;
	margin-bottom: 40px;	
}
.servicesContent {
  text-align: center;
}
.servicesContent h4 {
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 800;
	color:#111;
	margin-bottom: 12px;
}
.servicesContent span{
	color: #ffb03a;
	font-size: 14px;
	letter-spacing: 1px;
	font-family: "Nunito", sans-serif;
	font-weight: 400;
}
.servicesContent p{
	margin-top: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 30px;
	font-weight: 300;
	letter-spacing: 1px;
	color:#888;
}
.servicesBox .servicesIcon {
	font-size: 20px;
	width: 50px;
	height: 50px;
	background: #388e3c;
	padding: 20px 15px;
	padding-top: 14px;
	padding-right: 10px;
	border-radius: 50%;
	color:#fff;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

/*--------------------------------------------------
	07. section Facts
---------------------------------------------------*/

#sectionFacts {
  background: #297acc none repeat scroll 0 0;
  padding: 80px 6%;
}
#sectionFacts h1{
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 25px;
	font-size: 40px;
	color:#fff;	
	margin-left: 15px;
}
.fact {
  text-align: center;
}
.fact i{
	color:#2736c7;
	font-size: 50px;
}
.fact h2 {
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-top: 0;
}
.fact h5 {
  color: #fff;
  font-family: "Nunito",sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
}


/*--------------------------------------------------
	08. section Blog
---------------------------------------------------*/


#sectionBlog{
	background-color: #fff;
	padding-top:80px;
	padding-bottom: 80px;
	padding-left: 6%;
	padding-right: 6%;
}
.blog-column{
	margin-top: 40px;
}
.blog-column img {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
  margin-bottom: 15px;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
}
.blog-column:hover img{
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.blog-column h4{
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 800;
	color:#111;
	margin-bottom: 15px;
}
.blog-column h5 {
  color: #297acc;
  font-family: "Nunito",sans-serif;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 26px;
  text-align: left;
}
.blog-column p{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 30px;
	font-weight: 300;
	letter-spacing: 1px;
	color:#888;
	padding-right: 40px;
	margin-bottom: 20px;	
}
.blog-column a{
    text-align: center !important;
	background: #ffb03a;
	color:#fff;
	text-decoration: none;
    padding: 10px 32px;
	font-size: 10px;
  	font-weight: 700;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-family: "Open Sans", sans-serif;
	border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.blog-column a:hover {
  background: #297acc none repeat scroll 0 0;
}

/*--------------------------------------------------
	09. section Contact
---------------------------------------------------*/

/* ====GENERAL FORM STYLES==== */

#sectionContact{
	margin-bottom: 0px;
	padding-top:80px;
	padding-bottom: 80px;
	padding-left: 6%;
	padding-right: 6%;
	background: #f9f7f8;
}
.contactForm{
	margin-top: 40px;
}
.contactLeft{
	background-color:#fff;
	padding: 10px 30px;
}
#map{
	width: 560px;
	height: 560px;
}
input, textarea, select {
	background:transparent;
	vertical-align: top;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	height: 100%;
	border: 0;
	border-bottom:1px solid #f5f5f5;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    color:#949494;
    font-family: "Nunito", sans-serif;
}

textarea {
  height: 170px;
}

input:focus, textarea:focus, select:focus {
	outline: none;
	position: relative;
	z-index: 5;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}

input.submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border:0;
    text-align: center !important;
	background: #ffb03a;
	color:#fff;
	margin: 23px 0px;
	text-decoration: none;
    padding: 12px 36px;
	font-size: 12px;
  	font-weight: 700;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-family: "Open Sans", sans-serif;
	border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
input.submit:hover{
	background:#297acc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #888;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #888;
}
.contact-form input[type="submit"] {
  background: #ffb03a none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  margin-top: 35px;
  text-transform: uppercase;
  width: 145px;
}
.contact-form input[type="submit"]:hover{background:#297ACC}
#contactform-roxer div {margin: 20px 0;}
.contactForm fieldset { padding:0;border:0; }
.contactForm label {
	font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
}
/* ====MESSAGE FOR SUCCES==== */

.success{color:green}

/* ====MESSAGE FOR ERROR==== */
.errorMessage { 
  	display: block;
  	font-size: 14px;
    padding: 20px 0 0 0;
}

ul.errorMessages { padding: 10px 0 0 0; }
ul.errorMessages li { 
  	font-size: 16px;
  	font-weight: 200;
  	text-align: left;
  	color: #000000;
  	list-style: none;
  	line-height: 25px;
}

/* ====FOOTER=== */

.pFooter {
  background: #297acc none repeat scroll 0 0;
  position: relative;
  text-align: center;
}
.fCopy {
  color: #fff;
  font-family: "Nunito",sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 30px 0;
}
.fCopy span{
	font-family: "Open Sans", sans-serif;
	font-weight: 800;
	color:#ffb03a;
}
.fIcons {
	text-align: right;
	font-size: 25px;
	padding: 22px 0px;
	padding-right: 30px;
}
.fIcons span {
	margin: 0 3px;
	color:#fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.fIcons span:hover{
	color:#ffb03a;
}
.fIcons a:hover, .fIcons a:focus{
	text-decoration: none;
}


/*--------------------------------------------------
	10. Responsive
---------------------------------------------------*/

@media (max-width: 770px) {
.item-five { width: 50%; }
.item-three { width: 50%; }
.item-four { width: 45%; }

body{
	margin: 0px;
}

#headerBar {
	width: 100%;
	padding: 0 30px;
}
.navbar li{
	margin: 0px 3px;
	font-size: 10px;
}
.hi{
	margin-top: 30px;
	width: 100%;
}
.about-skills{
	padding-left: 0;
}
.blog-column img{
	width: 100%;
}
#map{
	width: 100%;
}
.about-image img{
	margin-bottom: 20px;
}
.footerRight ul li {
	text-align: center;
	margin:0px 0px 0px 10px;
}
.footerLeft{
	padding: 20px 0px;
}

}

@media (max-width: 480px){
body{
	margin: 0;
}
.item-five { width: 100%; }
.item-three { width: 100%; }
.item-four { width: 100%; }

.menu-wrap{
	width: 140px;
}

#headerBar {
	width: 100%;
}

.navbar li {
	display: block;
}
.navbar li a {
	line-height: 40px;
}
.textIntro{
	padding: 20px;
	padding-top: 40px;
}
.hi{
	width: 100%;
	margin-top: 50px;
	padding: 10px 20px 30px 20px;
}
.hi h1{
	font-size: 30px;
	letter-spacing: 2px;
}
.hi h2{
	font-size: 10px;
	letter-spacing: 1px;
}
.hi p{
	line-height: 24px;
	font-size: 12px;
}
.filters li{
	display: inherit;
}
.socialIntro span{
	margin-right: 0px;
}
.menu-wrap{
	left: 10px;
}
.about-image img{
	width: 100%;
	margin-bottom: 20px;
}
.resumeContent h5{
	font-size: 12px;
}
.blog-column img{
	width: 100%;
}
.footerRight{
	text-align: center;
}

.footerLeft{
	text-align: center;
	line-height: 30px;
}
#sectionContact, #sectionPortfolio, #sectionServices, #sectionFacts, #sectionBlog{
	padding: 80px 40px;
}
}