.avatar {
width: 68px;
height: 68px;
border-radius: 50%;
cursor: zoom-in;
}
.appilogo {
width: 30%;
height: 15%;
max-width: 100%;
max-height: 100%;
min-width: 80%;
min-height: 40%;
border-radius: 0;
padding:5%;
}
.appipowerlogo {
width: 120%;
height: 60%;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
border-radius: 0;
padding:5%;
}
.appitext {
text-align: center;
font: normal normal bold 20px/24px Open Sans;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.rect {
border: 4px solid #BBBBBB;
border-radius: 4px;
opacity: 1;
}
.title {
text-align: center;
font: normal normal 800 20px Open Sans;
letter-spacing: 0px;
color: #999999;
opacity: 1;
padding: 0px;
}
.member-firstname {
font: normal normal 600 18px Open Sans;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
padding: 0px;
margin: 0px;
line-height: 18px;
}
.member-lastname {
font: normal normal 600 18px Open Sans;
letter-spacing: 0px;
color: #000000;
text-transform: uppercase;
padding: 0px;
margin: 0px;
line-height: 18px;
}
.member-role {
font: normal normal normal 17px Open Sans;
letter-spacing: 0px;
color: #000000;
padding: 0px;
margin: 0px;
line-height: 17px;
}
.infotext {
font-size: 18px;
}
.connector-vertical {
width: 0px;
height: 40px;
border: 3px solid #BBBBBB;
opacity: 1;
}
.connector-horizontal {
width: 2000px;
height: 0px;
border: 3px solid #BBBBBB;
opacity: 1;
}
.show {
height: 56px;
width: 22px;
background: #BBBBBB;
border-radius: 4px;
}
.show:before {
content: " ";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 22px 0 22px;
border-color: white #BBBBBB #BBBBBB #BBBBBB;
border-radius: 4px;
}
.hide {
height: 56px;
width: 22px;
background: #BBBBBB;
border-radius: 4px;
}
.hide:before {
content: " ";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 22px 10px 22px;
border-color: #BBBBBB #BBBBBB white #BBBBBB;
border-radius: 4px;
}

#appi-box {
position: relative;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
padding-top: 0.5%;
padding-bottom: 0.5%;
border: 4px solid #BBBBBB;
border-radius: 4px;
opacity: 1;
}
#appi-power-box {
position: absolute;
left: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 5%;
border: 4px solid #BBBBBB;
border-radius: 4px;
opacity: 1;
}
#appi-arrow {
position: absolute;
left: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
font-size: 200%;
font-size-adjust:0.8;
color: #BBBBBB;
}
#v-main {
height: 60px;
}

#found {height:100%;padding:0}
#rwd_found_01 {max-width:100%;max-height:100%;margin-left:0}
#rwd_found_02 {text-align:left;margin-left:10%}
#rwd_found_03 {margin:0;padding-left:20%}

#rwd_board_00 {height:100%;padding:0}
#aboard {height:100%;padding-bottom:2%}
#rwd_board_01 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_board_02 {text-align:left;margin-left:10%}
#rwd_board_03 {padding:0;padding-top:2%;margin-right:5%}

#rwd_reg_00 {height:100%;padding:0}
#regionals {height:100%;padding-bottom:2%}
#rwd_reg_01 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_reg_02 {text-align:left;margin-left:10%}
#rwd_reg_03 {padding:0;padding-top:2%;margin-right:5%}

#rwd_collabs_00 {height:100%;padding:0}
#collabs {height:100%;padding-bottom:2%}
#rwd_collabs_01 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_collabs_02 {text-align:left;margin-left:10%}
#rwd_collabs_03 {padding:0;padding-top:2%;margin-right:5%}

#rwd_pilots_00 {height:100%;padding:0}
#pilots {height:100%;padding-bottom:2%}
#rwd_pilots_01 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_pilots_02 {text-align:left;margin-left:10%}
#rwd_pilots_03 {padding:0;padding-top:2%;margin-right:5%}

#rwd_rep_01 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_rep_02 {text-align:left;margin-left:6%}
#rwd_rep_03 {margin-right:0;padding-right:0}
#rwd_rep_04 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_rep_05 {text-align:left;margin-left:6%}
#rwd_rep_06 {margin-right:0;padding-right:0}

#rwd_edu_01 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_edu_02 {text-align:left;margin-left:6%}
#rwd_edu_03 {margin-right:0;padding-right:0}
#rwd_edu_04 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_edu_05 {text-align:left;margin-left:6%}
#rwd_edu_06 {margin-right:0;padding-right:0}

#rwd_dis_01 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_dis_02 {text-align:left;margin-left:6%}
#rwd_dis_03 {margin-right:0;padding-right:0}
#rwd_dis_04 {max-width:100%;max-height:100%;margin-left:10%}
#rwd_dis_05 {text-align:left;margin-left:6%}
#rwd_dis_06 {margin-right:0;padding-right:0}

@media (max-width: 950px) {
	#h-main {display: none}
	#v-one {display: none}
	#v-two {display: none}
	#v-three {display: none}
	#com-one {padding: 1%}
	#com-two {padding: 1%}
	#com-three {padding: 1%}
	#appi-arrow {font-size:150%}
	#appi-box {
	max-width:35%;
	max-height:20%;
	}
	
	#found {margin:auto;padding:1%;margin-bottom:0;}
	#rwd_found_01 {max-width:100%;max-height:100%;padding:1%;margin-left:2%;}
	#rwd_found_02 {text-align:center;margin:auto;}
	#rwd_found_03 {padding:2%;margin-right:2%;margin-left:5%;}

	#rwd_board_00 {height:100%;padding:1%;margin-bottom:0;}
	#aboard {height:100%;padding:1%;margin:auto;}
	#rwd_board_01 {max-width:100%;padding:1%;margin-left:2%;}
	#rwd_board_02 {text-align:center;margin:auto;}
	#rwd_board_03 {display: none !important;}

	#rwd_reg_00 {height:100%;padding:1%;margin-bottom:0;}
	#regionals {height:100%;padding:1%;margin:auto;}
	#rwd_reg_01 {max-width:100%;max-height:100%;padding:1%;margin-left:2%;}
	#rwd_reg_02 {text-align:center;margin:auto;}
	#rwd_reg_03 {display: none !important;}

	#rwd_collabs_00 {height:100%;padding:1%;margin-bottom:0;}
	#collabs {height:100%;padding:1%;margin:auto;}
	#rwd_collabs_01 {max-width:100%;max-height:100%;padding:1%;margin-left:2%;}
	#rwd_collabs_02 {text-align:center;margin:auto;}
	#rwd_collabs_03 {display: none !important;}

	#rwd_pilots_00 {height:100%;padding:1%;margin-bottom:0;}
	#pilots {height:100%;padding:1%;margin:auto;}
	#rwd_pilots_01 {max-width:100%;max-height:100%;padding:1%;margin-left:2%;}
	#rwd_pilots_02 {text-align:center;margin:auto;}
	#rwd_pilots_03 {display: none !important;}

	#rwd_rep_01 {max-width:100%;max-height:100%;padding:1%;margin-left:4%;margin-right:auto;}
	#rwd_rep_02 {text-align:center;margin:auto;}
	#rwd_rep_03 {display: none !important;}
	#rwd_rep_04 {max-width:100%;max-height:100%;padding:1%;margin-left:4%;margin-right:auto;}
	#rwd_rep_05 {text-align:center;margin:auto;}
	#rwd_rep_06 {display: none !important;}

	#rwd_edu_01 {max-width:100%;max-height:100%;padding:1%;margin-left:4%;margin-right:auto;}
	#rwd_edu_02 {text-align:center;margin:auto;}
	#rwd_edu_03 {display: none !important;}
	#rwd_edu_04 {max-width:100%;max-height:100%;padding:1%;margin-left:4%;margin-right:auto;}
	#rwd_edu_05 {text-align:center;margin:auto;}
	#rwd_edu_06 {display: none !important;}

	#rwd_dis_01 {max-width:100%;max-height:100%;padding:1%;margin-left:4%;margin-right:auto;}
	#rwd_dis_02 {text-align:center;margin:auto;}
	#rwd_dis_03 {display: none !important;}
	#rwd_dis_04 {max-width:100%;max-height:100%;padding:1%;margin-left:4%;margin-right:auto;}
	#rwd_dis_05 {text-align:center;margin:auto;}
	#rwd_dis_06 {display: none !important;}
	
	.plusinfo-mobile {
	display: block !important;
	margin-top: auto !important;
	margin-bottom: auto !important;
	margin-left: auto !important;
	padding:0 !important;
	}
	.plusinfo-mobile-comm {
	display: block !important;
	margin-top: auto !important;
	margin-bottom: auto !important;
	margin-left: auto !important;
	padding: 6% !important;
	}
	.grid-container {
	padding: 1% !important;
	margin: 1% !important;
	margin-right: 3% !important;
	margin-left: 0 !important;
	}
	.member-firstname {
	font: normal normal 600 15px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
	}
	.member-lastname {
	font: normal normal 600 15px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
	}
	.member-role {
	font: normal normal normal 14px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	}
	.infotext {
	font-size: 15px;
	}
	fieldset {
	width:0 !important;
	min-width:100% !important;
	box-sizing: border-box !important;
	}
	legend {
	width: 60% !important;
	}
}
@media (min-width:950px) and (max-width: 1400px) {
	.avatar {
	transform: scale(0.75);
	padding: 0 !important;
	margin: 0 !important;
	}
	.fieldset {
	padding: 0 !important;
	margin: 0 !important;
	}
	.grid-container {
	padding: 0 !important;
	margin: 0 !important;
	}
	.member-firstname {
	font: normal normal 600 13px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
	line-height: 13px;
	}
	.member-lastname {
	font: normal normal 600 13px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	line-height: 13px;
	}
	.member-role {
	font: normal normal normal 12px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 12px;
	}
	.infotext {
	font-size: 13px;
	}
}
@media (min-width:1400px) and (max-width: 2000px) {
	.member-firstname {
	font: normal normal 600 14px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	}
	.member-lastname {
	font: normal normal 600 14px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	}
	.member-role {
	font: normal normal normal 13px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 13px;
	}
	.infotext {
	font-size: 14px;
	}
}
@media (min-width: 2000px) and (max-width: 3500px) {
	.member-firstname {
	font: normal normal 600 18px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	}
	.member-lastname {
	font: normal normal 600 18px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	}
	.member-role {
	font: normal normal normal 17px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 17px;
	}
	.infotext {
	font-size: 18px;
	}
}
@media (min-width: 3500px) {
	.member-firstname {
	font: normal normal 600 20px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	}
	.member-lastname {
	font: normal normal 600 20px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	}
	.member-role {
	font: normal normal normal 19px Open Sans;
	letter-spacing: 0px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height: 19px;
	}
	.infotext {
	font-size: 20px;
	}
}