body {
    background-color: #212528;
    height: 100%;
    color: lightgrey; 
}

div.carousel{
    max-width: 3600px;
}

img.d-block{
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 76%;
}

img.b-block{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 4em;
}


img.photoRS {
    max-height: 3em;
    max-width:  8em;
}

div.carousel-item{
    background-color: #212528;
}

div.carousel-item img {
  object-fit: cover;
  object-position: center;
  max-height: 76vh;
  overflow: hidden;
}

div#carousel{
    background-color: #212528;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

button.carousel-control-next {
    height: 16em;
}

button.carousel-control-prev {
    height: 16em;
}

h3{
    color: lightgrey;
    width: 100%;
    height: 4em;
    text-align: center;
}

a.Home{
color: #666;
font-size: 120%;
text-decoration: none;
}
span.spanHome{
	float:right;
    width: 10%;
}
span.spanCaption{
    color: #666;
    display: block;
    margin-top: 1em;
    margin-bottom: 0em;
    
    width: 100%;
    text-align: center;
}

span.spanTitle{
	font-size: 2em;
	float:left;
    width: 90%;
}

img.img-btn{
	max-width: 10em;
	max-height: 8em;
}

button.btn-dark {
	width: 12em;
	height: 12em;
	display: block;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    
    	
} 

.buttons{
  display: flex;
  justify-content: center;
  align-items: center;
}

div#navBarTitle{
    font-size: 150%;
    color : #DDD;
    
}

div#list{
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
}


section.mail{
    width: 100%;
    text-align: center;
}


section.mail{
    max-width: 800px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 4em;
    padding: 1em;
    color: lightgrey;
    width: 100%;
    text-align: center;
}

.vcenter { width:80%; max-width:1280px;max-height:900px;}