html, body   {
	background: #eee;
	height: 100%;
	} 
.image-tile {
    padding: 0px;    
    margin: 0px;
    height:400px;
    text-align: center;
    vertical-align: bottom;
}
.image-tile > p {
    width: 100%;
    height: 100%;
    font-weight: normal;
    font-size: 200%;
    padding-top: 150px;
    background-color: rgba(2,2,2,0.0);
    color: rgba(6,6,6,0.0);
}
.image-tile:hover > p {
    background-color: rgba(3,3,3,0.3);    
    color: white;    
}




@media(min-width: 992px){
	.full {
		height: 100%;
		}
}

/*large desktops*/
@media (min-width: 1200px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (max-width: 767px) {
	
}
@media (max-width: 480px) {
	
}
	
 
.bg {
	
	}


.banner {
	background-image: url('../images/nameplate_bilingual.png') ;
	background-position: left center;
	background-repeat: no-repeat;
	height: 260px;
	margin-bottom: 10px;

}
.pushDown {
	height: 270px;
@media(max-width:767px){
	display: none;
	}

}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	/* color: #7D0420; */
	color: #fff;
}
.carousel-caption {
	text-align: left;
}
.icon {
	margin: 0 auto;
	display: block;
}
.small-icon{
	margin: 0 6px 0 0;
	float: left;
	display: block;
	width: 50px;
}
a.js {
	color: #bf3556; 
}
a.js:hover{
	color:#bf3556;
	cursor: pointer;
}
.btn-primary {
	background-color: #bf3556;
	border-color: #7D0420;
	margin-bottom: 10px;
}
.btn-primary:hover {
	background-color: #A01A3A;
	border-color: #bf3556;
}

.rightAlign {
	text-align: right;
	margin-right: 10px;
}
#readMore {
	display: none;
	float: left;
}
img.inLineIcon {
	display: inline;
	width: 30px;
	vertical-align: middle;
	padding-right: 4px;
}
.kabe {
	display: none;
}
.formfeedback {
	display: inline-block;
	margin-left: 5px;
	font-size: 1.2em;
	color: #A01A3A;
}
#footer {
	text-align: center;
	background-color: #bf3556;
	padding: 10px;
	color: #fff;
	font-size: .8em;
}

.transBox {
	/*background: rgba(205, 205, 205, 0.7);*//* gray*/
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	margin-bottom: 10px;
	width: 100%;
	/*box-shadow: 10px 10px 5px gray;*/
	}

/*@media only screen and (max-width : 780px)*/

/* the following media query changes opacity of the transparent box on small devices 
@media only screen and (max-width : 480px) {
.transBox {
	/*background: rgba(205, 205, 205, 0);*//* gray
	background: rgba(255, 255, 255, 0.7);
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
	height:100%;
	} 
}
*/
.boxText{
	min-height: 460px;
	color: #000;
	padding:10px;
}

#howManyParas {
	display: none;
}

fieldset.myFieldset {
	border: 1px groove #bf3556 !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 -1.5em 1.5em -1.5em !important;
	-webkit-box-shadow:  0px 0px 0px 0px #000;
	box-shadow:  0px 0px 0px 0px #000;
}

legend.myFieldset {
	color: #bf3556;
	width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

fieldset.myInnerFieldset {
	border: 1px solid #ddd !important;
	padding: 2em !important;
	margin: 2em !important;
	-webkit-box-shadow:  0px 0px 0px 0px #000;
	box-shadow:  0px 0px 0px 0px #000;
}

legend.myInnerFieldset {
	color: #bf3556;
	width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

label {
	font-size: 1.2em;
}

.myColor {
	color: #F9AEB2;
}

.padding-top {
	padding-top: 2em;
}


.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
    background-color: transparent;
    border: none;
	@media(max-width:767px){
		display: none;
		}
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

#carousel-bounding-box {
	margin: 15px 0;
}


/* Possible fonts:

Atrament Web at Typekit for headlines
Adaptive Mono for articles?

COLORS


As hex codes 

.color-primary-0 { color: #BF3555 }	 Main Primary color
.color-primary-1 { color: #EE88A0 }
.color-primary-2 { color: #D85876 }
.color-primary-3 { color: #A01A3A }
.color-primary-4 { color: #7D0420 }

.color-secondary-1-0 { color: #D06C3A }	 Main Secondary color (1) 
.color-secondary-1-1 { color: #FFB792 }
.color-secondary-1-2 { color: #EC8F60 }
.color-secondary-1-3 { color: #AE4E1D }
.color-secondary-1-4 { color: #883105 }

.color-secondary-2-0 { color: #268A6A }	Main Secondary color (2) 
.color-secondary-2-1 { color: #6ABAA0 }
.color-secondary-2-2 { color: #409D7E }
.color-secondary-2-3 { color: #137454 }
.color-secondary-2-4 { color: #035B3E }

.color-complement-0 { color: #63B632 }	Main Complement color 
.color-complement-1 { color: #A7E583 }
.color-complement-2 { color: #81CE54 }
.color-complement-3 { color: #499819 }
.color-complement-4 { color: #2F7704 }



As RGBa codes 

.rgba-primary-0 { color: rgba(191, 53, 85,1) }	Main Primary color
.rgba-primary-1 { color: rgba(238,136,160,1) }
.rgba-primary-2 { color: rgba(216, 88,118,1) }
.rgba-primary-3 { color: rgba(160, 26, 58,1) }
.rgba-primary-4 { color: rgba(125,  4, 32,1) }

.rgba-secondary-1-0 { color: rgba(208,108, 58,1) }	Main Secondary color (1)
.rgba-secondary-1-1 { color: rgba(255,183,146,1) }
.rgba-secondary-1-2 { color: rgba(236,143, 96,1) }
.rgba-secondary-1-3 { color: rgba(174, 78, 29,1) }
.rgba-secondary-1-4 { color: rgba(136, 49,  5,1) }

.rgba-secondary-2-0 { color: rgba( 38,138,106,1) }  Main Secondary color (2)
.rgba-secondary-2-1 { color: rgba(106,186,160,1) }
.rgba-secondary-2-2 { color: rgba( 64,157,126,1) }
.rgba-secondary-2-3 { color: rgba( 19,116, 84,1) }
.rgba-secondary-2-4 { color: rgba(  3, 91, 62,1) }

.rgba-complement-0 { color: rgba( 99,182, 50,1) }	Main Complement color 
.rgba-complement-1 { color: rgba(167,229,131,1) }
.rgba-complement-2 { color: rgba(129,206, 84,1) }
.rgba-complement-3 { color: rgba( 73,152, 25,1) }
.rgba-complement-4 { color: rgba( 47,119,  4,1) }

 */