*{
	margin:0;
	padding:0;
}
html {
}
body { 
	/*padding-top: 6rem;*/
	background-color: rgba(125, 125, 125, 1) !important;
	background: url(/img/background.jpg) no-repeat center center fixed;
	/*background: url(/img/color-clouds-03.png) no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100vh;
	font-family: 'Lato', sans-serif;
	font-size: 1.5rem;
	color:  rgba(255, 255, 255, 1);
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
h1, .kiss {
	font-family: 'Nova Square', cursive;
}
.content-main {
	border:0px solid blue;
	padding: 2rem 1.5rem;
	text-align: center;
	background-color: rgba(0, 0, 0, .1) !important;
}
.dropdown-menu {
	background-color: rgba(41, 44, 47, 1) !important;
}
.dropdown-item {
	color: rgba(255, 255, 255, 1) !important;
	background-color: rgba(41, 44, 47, 1) !important;
}
.dropdown-item:hover {
	color: rgba(255, 255, 255, 1) !important;
	background-color: rgba(159,197,78, 1) !important;
}
.sidebar {
	border:0px solid red;
	padding: 2rem 1.5rem;
	margin-left: 1rem;
	text-align: center;
	/* background-color: rgba(0, 0, 0, .1) !important; */
}
.sidebar .contactMe {
	background-color: rgba(41, 44, 47, 1);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	font: bold 1rem sans-serif;
	text-align: left;
	padding: 50px 60px 40px;
	margin-top: 2rem;
	overflow: hidden;
}
.shim-1 {
	margin-top: 1rem;
}
.bg-primary {
    background-color: rgba(41, 44, 47, .5) !important;
}
.person {
	position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    /*background: url(/img/bw-man-in-chair-with-tie.png) no-repeat center center fixed;*/
	background-image: url(/img/bw-man-in-chair-with-tie-50.png);
    background-repeat: no-repeat;
    background-position: right top;
	/* background-attachment: fixed; */
	background-size: contain;
	/* opacity: 0.5; */
    /* filter: alpha(opacity=50); */
	width:auto  !important;
	height:auto  !important;
}
@media (max-width: 992px) {
	/* for navbar-brand remove all padding on mobile */
	.navbar-brand {
		padding: 0;
	}
	/* for navbar inner container resize and remove all padding on mobile */
	.small-resize {
		width: 100%  !important;
		padding-top: 0;
	}
	/* for navbar-toggler-icon float on mobile */
	.stage-right {
		@include float-right  !important;
	}
	/* for navbar-toggler visual modification on mobile */
	.navbar-toggler {
		border: 2px solid;
		border-radius: 2rem;
	}
	/* for navbar-toggler button remove click/hover outline visual modification on mobile */
	button:focus {
		outline: none;
	}
	/* for navbar-toggler visual modification on mobile */
	.custom-toggler.navbar-toggler {
		border-color: rgb(159,197,78);
	}
	/* for navbar-toggler visual modification on mobile */
	.custom-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(159,197,78, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
		color: rgba(159,197,78);
	}
}
@media (max-width: 762px) {
	/* for main content container remove margin-top on mobile */
	
	.shim-1 {
		margin-top: 0;
	}
}
/* START navbar visual modification global */
.navbar {
	background-color: rgba(41, 44, 47, .5);
	padding: 1rem;
	font-weight: bold;
}
.navbar-brand {
	color: rgba(159,197,78, 1);
    font-size: 2rem;
}
.navbar-brand img {
    width: 50px;
    margin: 0px;
}
.navbar-brand a {
    color: rgba(159,197,78, 1);
    text-decoration: none;
}
.navbar-brand a:hover {
    color: rgba(255,255,255, 1);
    text-decoration: none;
}
.navbar-nav .nav-link {
    color: rgba(255,255,255, 1);
    text-decoration: none;
}
.dropdown a:hover {
    color: rgba(255,255,255, 1);
    text-decoration: none;
}
.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: rgba(159,197,78, 1);
}
/* END navbar visual modification global */







/* START Footer area global */
/* Originally by Martin Angelov */
/* https://tutorialzine.com/2015/01/freebie-5-responsive-footer-templates */
/* My contribution - changed HEX to RGBA, PX to REM where applicable, general formatting  */
/* My Green #292c2f */
.footer-distributed {
	/*background-color: rgba(41, 44, 47, 1);*/
	/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);*/
	box-sizing: border-box;
	width: 100%;
	/* font: bold 1rem sans-serif; */
	text-align: left;
	padding: 50px 60px 40px;
	margin-top: 2rem;
	overflow: hidden;
}

/* Footer left */

.footer-distributed .footer-left {
	/* forced right */
	float: right;
}

/* The company logo */

.footer-distributed h3 {
	color: rgba(255, 255, 255, 1);
	font: normal 36px 'Cookie', cursive;
	margin: 0 0 10px;
}

.footer-distributed h3 span {
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links {
	color:  rgba(255, 255, 255, 1);
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed .footer-links a {
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name {
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer social icons */

.footer-distributed .footer-icons {
	margin-top: 40px;
}

.footer-distributed .footer-icons a {
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-right: 3px;
	margin-bottom: 5px;
}

/* Footer Right */

.footer-distributed .footer-right {
	float: right;
}

.footer-distributed .footer-right p {
	display: inline-block;
	vertical-align: top;
	margin: 15px 42px 0 0;
	color: #ffffff;
}

/* The contact form */

.footer-distributed form {
	display: inline-block;
}

.footer-distributed form input, .footer-distributed form textarea {
	display: block;
	border-radius: 3px;
	box-sizing: border-box;
	background-color:  #1f2022;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
	border: none;
	resize: none;
	font: inherit;
	font-size: 14px;
	font-weight: normal;
	color:  #d1d2d2;
	width: 400px;
	padding: 18px;
}

.footer-distributed ::-webkit-input-placeholder {
	color:  #5c666b;
}

.footer-distributed ::-moz-placeholder {
	color:  #5c666b;
	opacity: 1;
}

.footer-distributed :-ms-input-placeholder {
	color:  #5c666b;
}


.footer-distributed form input {
	height: 55px;
	margin-bottom: 15px;
}

.footer-distributed form textarea {
	height: 100px;
	margin-bottom: 20px;
}

.footer-distributed form button {
	border-radius: 3px;
	background-color:  #33383b;
	color: #ffffff;
	border: 0;
	padding: 15px 50px;
	font-weight: bold;
	float: right;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 1000px) {
	.footer-distributed {
		font: bold 14px sans-serif;
	}
	.footer-distributed .footer-company-name {
		font-size: 12px;
	}
	.footer-distributed form input, .footer-distributed form textarea {
		width: 250px;
	}
	.footer-distributed form button {
		padding: 10px 35px;
	}
}

@media (max-width: 800px) {
	.footer-distributed {
		padding: 30px;
	}
	.footer-distributed .footer-left, .footer-distributed .footer-right {
		float: none;
		max-width: 300px;
		margin: 0 auto;
	}
	.footer-distributed .footer-left {
		margin-bottom: 40px;
	}
	.footer-distributed form {
		margin-top: 30px;
	}
	.footer-distributed form {
		display: block;
	}
	.footer-distributed form button {
		float: none;
	}
}

/* END Footer area global */