/* This is custom styles speccific to BANCF */

#phone { display: none; } 

.navbar-header img {
   width:120px;
   height:120px;
}
.bancf-lb-sm {
    background-color:#C0C0C0;
    font-size:20px;
}

/* Small devices (mobiles, 480px and down) */
@media screen and (max-device-width:480px){
.navbar-brand {
        width: 300px;
    }
    #headerText{
	position:relative;
	margin-top:80px;
	width:auto;
	}
}
@media screen and (min-device-width : 480px){ 
	#headerText{ 
		position: relative; 
		width: 100%; 
		left: 20px; margin: auto; padding-top: 10px; 
	} 

	.navbar-brand{
		margin-bottom:100px;
		width:400px;
	}
}


.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #999;
}

.caption {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}

.gallery {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;

	max-width:1280px;
	margin:auto;
	padding:10px;
	background:#f9f9f9;
}
.gallery-item{
	flex:1 0 27%;/* greater than 25% but less than 33% for IE11*/
	max-width:33%;
	padding:10px;
	background:#fff;
}
.gallery-item img{
	width:100%;
	height:auto;
	border:1px solid #000;
	box-shadow:00 5px 5px rgba(0,0,0,0.3);
}
@supports (object-fit: cover) {
  .gallery-item img {
	height:100%;/* could set this to a fixed pixel height if required*/
	max-height:400px;/* if needed*/
    object-fit: cover;
  }
}

.wrapper {
   width: 600px
   height: 300px;
}

/* The video */
.wrapper_video > video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}