.img-responsive { 
		background-color: transparent; 
		background: none; 
		margin: 0px; 
		margin-bottom: 20px; 
		padding: 0px; 
		border: 15px;
		left: 20px;
		max-width: 360px;
	}
    .wrap {
      overflow: hidden;
      margin: 15px;
	  min-height: 404px; /* control minimum gallery height to minimize screen page changes */ 
    }
    .box{
      float: left;
      position: relative;
      width: 20%;
      padding-bottom: 20%;
	  border: 0px solid white; 
    }
    .boxNew {
      padding-bottom: 24%;
    }
    .boxWide {
      float: left;
      position: relative;
      no-width: 33%;
      padding-bottom: 20%;
	  border: 0px solid white; 
    }
    .boxHigh {
      float: left;
      position: relative;
      width: 20%;
      padding-bottom: 20%;
	  border: 0px solid white; 
    }
    .boxInner {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
	  border: 2px outset silver; 
    }
	.boxInner:hover {
	  border: 2px inset gray; 
	}
    .boxInner img {
      width: 100%;
    }
	.boxInner:hover {
	}  

    .boxInner .titleBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: -50px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #FFF;
      padding: 10px;
      text-align: center;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
    }
    .boxInner .titleBoxNew {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: 0px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      background: rgba(50, 50, 50, 1);
	  background-color: #070e44;
      color: #FFF;
	  background-color: #FFF;
      color: #070e44;
      padding: 10px;
      padding: 12px;
      text-align: center;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
    }
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
      margin-bottom: 0;
    }
    @media only screen and (max-width : 480px) {
      /* Smartphone view: 1 tile */
      .box {
        width: 100%;
        padding-bottom: 100%;
      }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
      /* Tablet view: 2 tiles */
      .box {
        width: 50%;
        padding-bottom: 50%;
      }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
      /* Small desktop / ipad view: 3 tiles */
      .box {
        width: 33.3%;
        padding-bottom: 33.3%;
      }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
      /* Medium desktop: 4 tiles */
      .box {
        width: 25%;
        padding-bottom: 25%;
      }
    }
	.modal-title {
		color: white;
	}
	.modal-header {
		color: white;
		border-bottom: 0px;
		padding: 5px;
	}
	#modalimage {
 	  min-height: 500px;
 	  max-height: 750px;
 	  max-width: 100%;
	  overflow: none;
	}
	
	.modal .modal-dialog { 
		max-width: 400px; 
		max-height: 1000px;
		overflow:auto;
	}
	
	div { border: 0px solid white; }
}

/* Nav Overrides */
.navbar-fixed-top {
	position: inherit!important;
	right: auto;
	left: auto;
	top: initial!important;
	border-width: 0!important;
}
nav {
	box-shadow:none!important;	
}
.navbar-default {
	background-color: transparent!important;
	border-color: none!important;
	background-image:none!important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #FFF!important;
background-color: #D035AA!important;
border-color: rgb(39, 40, 113) !important;
}

/*Footer Nav Overrides*/
.navbar-fixed-bottom {
	position:inherit!important;
	bottom: -25px!important;
	border-width: 0!important;
	margin-bottom: inherit!important;
	margin-top:1em;
}
nav.navbar.row.navbar-default.navbar-fixed-bottom {
	color: #FFF;
}
nav.navbar.row.navbar-default.navbar-fixed-bottom h2, nav.navbar.row.navbar-default.navbar-fixed-bottom a {
	color:#CF0;	
	font-weight:bold;
}
nav.navbar.row.navbar-default.navbar-fixed-bottom h2 {
	font-size:1.5em;	
}

@media (max-width:767px) {
	.navbar-fixed-bottom .col-xs-12 p, .navbar-fixed-bottom .col-xs-12 h2 {
		text-align: center;
	}	
	.navbar-fixed-bottom .col-xs-12 h2 {
		margin-top:1.5em;	
	}
	.info{
		padding-bottom: 3em;
	}
	.col-xs-12 {
		padding-right:0!important;
		padding-left:0!important;	
	}
	iframe.col-xs-10 {
		margin: auto;
		display: block;
	}
}