body {
    width: 100%;
    height: 100%;
}
html {
    width: 100%;
    height: 100%;
}

form {
	max-width: 500px;
}

h1, h2, h3, h4, h5 {
	color: #6b6b6b;
}

.navbar-dark .navbar-toggler {
	border: none;
}

.bg-dark-custom {
    background-color: #222;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.home-title {
	/*color: #666;
	font-size: 36px;
	padding-top: 25px;
	font-weight: 500;	*/
	display: none;
}

.sub-title {
	/*color: #999;*/
	font-size: 18px;
	font-weight: 200;
	margin-bottom: 35px;
	line-height: normal;
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid #eee;
}

img.center {
	margin: 0px auto;
	display: block;	
}

.caption {
	margin: 3px 0px;
	padding: 3px;
}

.dark-section, .light-section {
	min-height: 100%;
    padding-top: 65px;	
}
.dark-section {
    background: #F5F5F5;
}

.light-section {
    background: #fff;
}

.intro {
	padding-top: 65px;
}

#contact_message {
	display: none;	
}

.portfolio-item {
	margin-bottom: 25px;	
}


@media(min-width:767px) {

    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 5px 0px;
    }

    .intro {
		padding-top: 95px;
	}
}

@media(min-width:992px) {
	
	.home-title {
		font-size: 65px;
		padding-top: 55px;
	}
	.sub-title {
		font-size: 28px;
	}

}

/* start social icon */
/*.social-icon {
	position: relative;
	padding: 0;
	margin: 0;
}
.social-icon li{
	display: inline-block;
	list-style: none;
}
.social-icon li a {
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	margin-right: 10px;
}
.social-icon li a:hover {
	background: #28a7e9;
	border-color: transparent;
}*/
/* end social icon */