/*  /* Single page */

/*-----------------------------------------------------------------------------------*/
.navbar.custom-navbar.navbar-fixed-top {
	  z-index:1030;background:#fff;
	}
@media (min-width: 768px){

	.logo {margin-left:5px;}
 	.custom-navbar .nav li.active > a {
 	  background-color: transparent;
 	  color: #454545;
 	}
 	.custom-navbar .nav li a {
 	  color: #656565;
 	}
 	.custom-navbar .navbar-nav li a:hover:after,
 	.custom-navbar .nav li.active > a:after {
 	background: #3618ba;
 	}
	.custom-navbar .navbar-nav li a:hover,
	.custom-navbar .nav li.active > a {
	color: #454545;
	}
	.custom-navbar .navbar-brand{
		color:#444;
	}
	.custom-navbar {
	  background-color: #ffffff;
	  box-shadow:0 40px 100px rgba(0,0,0,.2);
	  box-shadow:0 20px 40px rgba(200,200,200,.3);
	  padding-top: 0px;
	  padding-bottom: 5px;
	  z-index:1030;
	}
	
	.custom-navbar .nav {
	  padding-bottom: 10px;
	}
	
	.custom-navbar .nav li a {
	  display: inline-block;
	  margin-bottom: 5px;
	}
	.custom-navbar .nav li.active > a {
		color: #454545;
	 }
	.logo a{
		display:block;
		background-image:url(../images/logo-gray.png),url(../images/designer-gray.png);
	}
}
 @media(min-width:768px) {
     .custom-navbar {
       border-bottom: 0;
       background: 0 0; 
     }
     .custom-navbar.top-nav-collapse {
       background: #ffffff;
       box-shadow:0 40px 100px rgba(0,0,0,.2);
	   box-shadow:0 20px 40px rgba(200,200,200,.3);
       padding: 5px 0;
     }
	 .custom-navbar{padding:5px 0;}
 }
.custom-navbar.top-nav-collapse .nav li a {
	color:#444;
	}
#footer span{margin:0 1rem;color:#ebebeb;}
#footer a {color:#fff;}

#journal,#about,#portfolio,#work{background-color:#fff;}
#journal{padding-top:8rem;}
#journal h2{text-align:center;}
#journal h3{
    padding:0;
    margin: 2rem 0; 
    background-image: none;
    font-size: 2rem;
    line-height: 24px;
    color: #555962;
    font-weight: 200; 
}

	
.section-title h2{text-align:center;}
#contact-me img {display:none;}
#contact-me .freelancer-img{bottom:0;top:auto;}
#contact-me h1{font-weight:bold;margin:4rem 0;}
#contact-me h1 span:first-child {color:#3618ba; }
#contact-me h1 span{font-size:2.8rem;}
#contact-me h4{color:#898989;line-height:1;}
#about {margin-bottom:0;}
#services h3{text-align:center;}
#about,#portfolio,#work,#journal,#contact-me{padding-top:10rem;min-height:90vh;}
.paddsection {
  padding-top: 80px;
  padding-bottom: 4rem;
}
@media screen and (max-width:500px){
	.paddsection {
	    padding-bottom: 4rem;
	}
	#journal, #about, #portfolio, #contact-me, #work {
	    padding: 9rem 0 2rem;
	}
}
@media screen and (max-width:414px){
}
@media screen and (max-width:375px){
}
#contact-me h1 span:last-child {
    font-family: Montserrat-Bold;
    color: #ff9900;
}
#contact-me h6{font-size:15px;margin:4rem 0}
img {
    margin: 0 auto;
}