@charset "utf-8";
/* CSS Document */

.container {
	min-height: 95vh;
    position: relative;
    z-index: 1;
	#min-height: 100vh;
	#background: url("../images/RBB_9364.jpg") no-repeat center fixed;
	#background-size: contain;
	#background-color: coral;
	  #width:700px;
  #height:400px;
  #position:relative;
  #display:block;
  #padding:1rem;
	
}

.container .bg {
	#min-height: 100vh;
	background: url("../images/RBB_9364.jpg") no-repeat center fixed;
	background-size: contain;
	    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    #background: url(test.jpg) center center;
    opacity: .5;
    width: 100%;
    height: 100%;

}


.container::before {
	min-height: 100vh;
	  content:"";
  background-image: url("../images/RBB_9364.jpg");
  background-size: contain
  opacity:0.5;
  position:absolute;
  #top:0;
  #bottom:0;
  #right:0;
  #left:0;
  width:auto;
  height:auto;
  z-index:-3;
	
	#min-height: 100vh;
	#background: url("../images/RBB_9364.jpg") no-repeat center fixed;
	#opacity: 0.50;
	#min-height: 100%;
	  #-webkit-background-size: contain;
  #-moz-background-size: contain;
  #-o-background-size: contain;
  #background-size: contain;
	#opacity: 0.5;
}

.centered {
	font-family: Arial, Helvetica, sans-serif;
	    font-size: large;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centered a {
	color: blue;
	    font-weight: bold;
    text-decoration: none;
}



#imagecontainer {
    min-height: 100vh;
    background: url("../images/RBB_9364.jpg")  no-repeat center fixed;
	background-size: contain;
    
    #width: 450px;
    #min-height: 100%;
	position: fixed;
	width: 100%;
	opacity: 0.5;
    
    #border: 1px solid;
    
    background-size:contain;
}