/* CSS Document */

body {
	text-align:			left;
	margin:				0px;
	padding:			0px;
	box-sizing:content-box;
}

ul {
	columns: 			2;
	-webkit-columns: 	2;
	-moz-columns: 		2;
	text-align:			left;
	max-width:			60%;
	margin-left:		5%;
	margin-top:			40px;
	border:				var(--working-borders);
}

li {
	list-style-image: 	url("/images/dash-lg.svg");
	padding-left: 		15px;
	border:				var(--working-borders);
}

p {
	text-align:			justify;
	border:				var(--working-borders);
}

.branded {
	background-color:	var(--builtit-blue);
	border:				var(--working-borders);	
}

.content {
	width:				80%;
	text-align:			center;
	padding: 			40px;
	margin:				auto;
	border:				var(--working-borders);
	vertical-align:     middle;
}

.first {
	margin-top:			60px;
}

.picture {
	height:				600px;
	overflow:			hidden;
	border:				var(--working-borders);
	background-position:center;
	background-size:	cover;
	background-repeat:	no-repeat;
	margin-top:			80px;
}

#slideshow {
	height:				1000px;
	overflow:			hidden;
	border:				var(--working-borders);
	background-position:center;
	background-size:	cover;
}

#banner {
	height:				100px;
	width:				100%;
	padding:			20px;
	border:				var(--working-borders);
}

#header {
	padding:			20px;
	vertical-align:		middle;
	border:				var(--working-borders);
	background-repeat:	no-repeat;
	background-size:	contain;
	background-position:top 50px;
	margin:				auto;
	min-height:			90px;
}

#footer {
	padding:			20px;
	vertical-align:		middle;
	border:				var(--working-borders);
	text_align:			center;
}

#header_logo {
	height:				60px;
	width:				350px;
	border:				var(--working-borders);
	padding:			20px;
	vertical-align:		middle;
	background-image:	var(--builtit-logo);
	background-repeat:	no-repeat;
	background-size:	contain;
	background-position:top 50px;
	margin:				auto;
	margin-left:		20px;
	display:			inline-block;
	cursor:				pointer;
}

.menu-icon-image {
	background-image:	var(--menu-icon);
	height:				50px;
	width:				50px;
}


.slider_logo {
	height:				120px;
	width:				92%;
	border:				var(--working-borders);
	padding:			0px;
	vertical-align:		middle;
	background-repeat:	no-repeat;
	background-size:	contain;
	background-position:right;
	margin:				auto;
	padding-right:		20px;
	margin-top:			-180px;
	margin-bottom:		180px;
	position:			relative;
}

#myTopnav {
	border:				var(--working-borders);
	vertical-align:		middle;
	margin:				auto;
	margin-right:		50px;
	margin-top:			5px;
	
}

#footer_logo {
	height:				30px;
	margin-left:		10px;
	margin-right:		20px;
	border:				var(--working-borders);
	margin-bottom:		-8px;
}

.list {
	width:				100%;
	border:				var(--working-borders);
}

.button {
	background-color:	var(--builtit-blue);
	border-radius:		36px;
	width:				240px;
	/*height:				70px;*/
	vertical-align:		middle;
	display:			inline-block;
	margin:				auto;
	padding:			20px;
	cursor: 			pointer;
}

.inline-picture {
	overflow:			visible;
	width:				100px;
	height:				100px;
	border:				var(--working-borders);
	background-position:center;
	background-repeat:	no-repeat;
	background-size:	contain;
	display:			inline-block;
}

.thumbnail-picture {
	overflow:			visible;
	width:				200px;
	height:				200px;
	border:				var(--working-borders);
	background-position:center;
	background-size:	cover;
	background-repeat:	no-repeat;
	display:			inline-block;
}

.project-picture {
	overflow:			visible;
	width:				500px;
	height:				300px;
	border:				var(--working-borders);
	border:				solid 1px #fff;
	border-radius:		10px;
	background-position:center;
	background-size:	cover;
	background-repeat:	no-repeat;
	background-color:	#fff;
	display:			inline-block;
	margin-top:			40px;
	cursor: 			pointer;
}

.project-picture:hover {
	opacity: 			0.5;
}

.property-picture {
	overflow:			visible;
	width:				500px;
	height:				300px;
	border:				var(--working-borders);
	border:				solid 1px #fff;
	border-radius:		10px;
	background-position:center;
	background-size:	cover;
	background-repeat:	no-repeat;
	background-color:	#fff;
	display:			inline-block;
	margin-top:			40px;
	cursor: 			default;
}

.property-picture:hover {
}

.contain{
	background-size:	contain;
}

.wide{
	width:				400px;
	background-size:	contain;
}

.quarter{
	width:				25%;	
}

.third{
	width:				33%;	
}

.half{
	width:				50%;
}

.2thirds{
	width:				66%;
}


.left {
	float:				left;
	margin-right:		40px;
	
}

.right {
	float:				right;
	margin-left:		40px;
	
}

.navbar-nav {
	margin-top:			5px;	
}

.navbar-toggler {
	color:				#fff;
	font-size:			50px;
}

.fixed-top{
	position:			fixed;
	top: 				0px;
	width: 				100%;
	z-index:			20;
}

.projects {
	border:				var(--working-borders);
	border-radius:		20px; 
	padding:			60px;
	padding-top:		0px;
	margin-left:		-20px; 
	margin-right:		-20px; 
	max-width:			1500px;
	text-align:			center;
}

.grid-container1 {
	border:				var(--working-borders);
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 20px;
}

.grid-container2 {
	border:				var(--working-borders);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.grid-container3 {
	border:				var(--working-borders);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.grid-container4 {
	border:				var(--working-borders);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.grid-child,
.grid-child-branded {
	border:				var(--working-borders);
	padding-top: 20px;
	padding-bottom: 20px;
}