@charset "UTF-8";
/* CSS Document */
body {
	background-image: url("CB_BG.png");
}
#main{
	width: 100%;
}
#top {
	margin: auto;
	width: 45%;
	padding-top: 2%;
	padding-bottom: 1%;
	}
.center{
	margin: auto;
	width: 60%;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align: center;
}
#footer{
	margin: auto;
	width: 60%;
	padding-top: 2%;
	text-align: center;
}
.header{
	width: 100%;
}
.container {
  width: 20%;/*any size*/
  padding: 0% 5% 0% 5%;/*any size*/
}
.object-fit-cover {
  width: 100%;
  object-fit: cover; /*magic*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */	
}
.object-fit-cover:hover{
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}
.text1 {font-size: 2vw;
	font-weight:200 ;
	color: #212121;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.text2 {font-size: 1.5vw;
	font-weight: 100;
	color: #4F4F4F;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-decoration: underline;
}
.footertext {font-size: 1.5vw;
	font-weight: bold;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.css-box-shadow{
	/*start ------------*/
	 -webkit-filter: drop-shadow(-10px 10px 10px #555);
  filter: drop-shadow(-10px 20% 10px #555);
}