/*
general styles
*/

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

/*
navbar affix
*/

  .affix {
      top:0;
      width: 100%;
      z-index: 9999;
  }
  .navbar {
      margin-bottom: 0px;
  }

  .affix ~ .container-fluid {
     position: relative;
     top: 50px;
  }

/*
general spacing
*/

div[class*='col-'] {
    padding: 25px;
}



/**/
/* additional sections */
/**/

#logo {
	max-height: 200px;
	background-color: rgb(252,254,253);
	color: #aaaaaa;
}
#logo img{
	display: block;
	margin: auto;
	padding: 5px 0px 0px;
	max-height: 200px;
	width: 100%;
	object-fit: contain;
}

#portfolio {
	background: url(../images/4.jpg) no-repeat center center/cover fixed;
	color: rgb(252,254,253);
	min-height: 100%;
	padding: 0px 15%;
}

#myCarousel{
	width: 100%;
	height: 70vh;
}

.image{
    position: relative;
	background-color: black;
	padding-bottom: 70vh;
	object-position: center center;
}
.image img{
    position: absolute;
	max-width: 100%;
    max-height: 100%;
	object-fit: contain;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


h1{
	text-align: center;
}
.line-separator-grey {
	height: 2px;
	background: rgb(170,170,170);
	margin: 0px;
}