.lmsbb_container {
background-color: #adadad;
	display: grid;
	height: 100%;
	width: 550px;
margin: 0 auto;
	grid-template-columns: 0.75fr 1fr 1fr 1fr;
  grid-template-rows: 1fr auto auto auto 0.2fr;  grid-gap: 2px 2px;
  grid-template-areas: 
	  "lmsbb_header lmsbb_header lmsbb_header lmsbb_header" 
	  "lmsbb_q1 lmsbb_cv1 lmsbb_cv1 lmsbb_cv1" 
	  "lmsbb_q2 lmsbb_cv2 lmsbb_cv2 lmsbb_cv2" 
	  "lmsbb_q3 lmsbb_cv3 lmsbb_cv3 lmsbb_cv3" 
	  "lmsbb_footer lmsbb_footer lmsbb_footer lmsbb_footer"
	  "lmsbb_content1 lmsbb_content1 lmsbb_content1 lmsbb_content1"
	   "lmsbb_footer2 lmsbb_footer2 lmsbb_footer2 lmsbb_footer2"
	  "lmsbb_content2 lmsbb_content2 lmsbb_content2 lmsbb_content2";
	font-family: Calibri;
	font-size: 11px;
	color: #222;
}

.lmsbb_cv1 {
 grid-area: lmsbb_cv1;padding: 5px; letter-spacing: 1px;
}

.lmsbb_container b {
 letter-spacing: 2px; text-transform: uppercase; color: #430710;
}

.lmsbb_container i {
    color: #430710;
    /* letter-spacing: 2px; */
    text-transform: none;
}

.lmsbb_cv2 {
 grid-area: lmsbb_cv2;padding: 5px; letter-spacing: 1px;
}

.lmsbb_cv3 {
 grid-area: lmsbb_cv3;padding: 5px; letter-spacing: 1px;
}

.lmsbb_q {
	margin-top: 5px;
  display: grid;
  grid-area: lmsbb_q;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 1px 1px;
  grid-template-areas: "lmsbb_q1 lmsbb_q1" "lmsbb_q2 lmsbb_q2" "lmsbb_q3 lmsbb_q3";
}

.lmsbb_q1 {
 grid-area: lmsbb_q1; text-align: justify; align-self: flex-start; font-family: "Calibri"; text-transform: uppercase; padding: 5px; letter-spacing: 2px; margin-left: 4px; font-size: 8px; border-bottom: 1px solid #430710;
}

#lmsbb_q2 {
grid-area: lmsbb_q2; text-align: justify; align-self: flex-start; font-family: "Calibri"; text-transform: uppercase; padding: 5px; letter-spacing: 2px; margin-left: 4px; font-size: 8px; border-bottom: 1px solid #430710;
}

.lmsbb_q3 {
 grid-area: lmsbb_q3; text-align: justify; align-self: flex-start; font-family: "Calibri"; text-transform: uppercase; padding: 5px; letter-spacing: 2px; margin-left: 4px; font-size: 8px; border-bottom: 1px solid #430710;
}

.lmsbb_header {
	border-bottom: 5px solid #430710;
  display: grid;
  grid-area: lmsbb_header;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 0.5fr;
  grid-gap: 2px 2px;
  grid-template-areas: "lmsbb_title lmsbb_title" "lmsbb_subtile lmsbb_subtile";
	background-color: #808080;
	background-size: cover;
	background-position: center;
	margin-bottom: 130px;
}

.lmsbb_title {
 grid-area: lmsbb_title; 
font-family: 'Arbutus Slab';
font-size: 50px;
text-align: center;
	padding-top: 50px;
color: #430710;
}

.lmsbb_subtile {
 grid-area: lmsbb_subtile;
}

.lmsbb_footer {
	background-color: #808080;
  display: grid;
  grid-area: lmsbb_footer;
  grid-template-columns: 1fr;
  grid-template-rows:  1fr;
  grid-gap: 1px 1px;
  grid-template-areas: "lmsbb_info2 lmsbb_info2" "lmsbb_info1 lmsbb_info1";
	align-self: center;
}

.lmsbb_footer2 {
	background-color: #808080;
  display: grid;
  grid-area: lmsbb_footer2;
  grid-template-columns: 1fr;
  grid-template-rows:  1fr;
  grid-gap: 1px 1px;
  grid-template-areas: "lmsbb_info2 lmsbb_info2" "lmsbb_info1 lmsbb_info1";
	align-self: center;
}

.lmsbb_info1 {
 grid-area: lmsbb_info1; place-self: center; 	color: #430710;	width: 100%;text-align: center;	text-transform: uppercase;
	font-size: 8px;	letter-spacing: 3px;align-self: flex-end; line-height: 1.5; padding: 3px;
}

.lmsbb_info2 {
 grid-area: lmsbb_info2; text-align: center; font-size: 10px; padding:5px; letter-spacing: 1px; text-transform: uppercase;
}

.lmsbb_subtitle2 {
	position: relative;
	top: -15px;
	font-family: Calibri;
	color: #333;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
	letter-spacing: 5px;
}

.lmsbb_icon2 {
	width: 100%;
	height: 0px;
	text-align: left;
	padding-left: 8px;
}

.lmsbb_icon2 img {
	position: relative;
	top: -80px;
	height: 200px;
	width: 200px;
	border: 3px solid #808080;
}

.lmsbb_shortf {
	width: 300px;;
	position: relative;
	z-index: 999;
	text-align: left;
	left: 220px;
	top: 90px;
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: 2px;
	margin-left: 4px;
	
	font-family: "Calibri";
	font-size: 9px;
}

.lmsbb_content1 {
 grid-area: lmsbb_content1; 
font-family: Calibri;
font-size: 11px;
text-align: justify;
	padding: 15px;
    letter-spacing: 1px;
}

.lmsbb_content2 {
	grid-area: lmsbb_content2; 
font-family: Calibri;
font-size: 11px;
text-align: justify;
	padding: 15px;
    letter-spacing: 1px;
}