@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');

/*
@import "howler.css";
*/

/* wild apricot */
.zonePlace {
	padding: 0;
}

#id_Content {
	width: 100%;
	max-width: unset;
}

.WaPlaceHolder {
    max-width: 100vw;
    margin: 0;
}

.WaPlaceHolderContent>div {
	/* padding: 40px 0; */
	padding: 0;
}

[class^='WaLayoutContainer'] {
	margin-bottom: 0;
}

.zoneWAbranding {
	margin: 0;
	display: none !important;
}

.WaPlaceHolderContent>div {
	padding-top: 0;
}

.WaLayoutContainerFirst {
	margin-bottom: 0;
}

.WaGadget,
.WaGadgetContactProfile,
.WaGadgetCustomHTML,
.WaGadgetFirst,
.WaGadgetLast,
.WaGadgetContent,
.WaLayoutContainerLast {
	padding: 0 2em;
}

#id_jgDhNyz .menuInner,
#id_jgDhNyz .menuInner .firstLevel,
#id_AsrJrj6_loginLink {
	background: rgb(231, 231, 231);
}

/* menu colors */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a {
	color: #337ab7;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item:hover>a {
    color: #67b8db;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item:hover>a {
    color: #67b8db;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a {
    background: transparent;
    color: #67b8db;
}

.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a {
    color: #87c97f;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item:hover>a {
    background: #ff8357;
    color: white;
}

.WaGadgetMenuHorizontal .menuInner ul ul li>.item:hover>a {
    background: #67b8db;
}

/* remove 1px gap between menu and submenu */
.WaGadgetMenuHorizontal .menuInner li>.item:hover>ul {
    margin-top: 0;
}

/* current submenu page */
.WaGadgetMenuHorizontal .menuInner ul ul li.sel>.item>a {
    color: #005aff;
}

#menuContainer {
	background: rgb(231, 231, 231);
}

.WaGadgetMenuVertical ul.firstLevel>li>.item:hover>a {
    background: #67b8db;
    color: white;
    display: inline-block;
}

#id_AsrJrj6_loginLink {
	background: rgb(231, 231, 231);
	color: #333333;
}

#termsOfUseContainer,
#searchContainer {
	min-height: 500px;
}

#id_HJsU6oj,
#id_HJsU6oj>.gadgetContentEditableArea {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: space-between;
	padding: 0;
}

/* match menu height to rest of bar */
#id_jgDhNyz .menuInner {
	max-height: 50px !important;
}

#bannerContainer,
#footerContainer,
#homePageContainer {
	padding-left: 0;
	padding-right: 0;

}

#bannerContainer,
#footerContainer {
	margin-bottom: 0;
}

#footerContainer {
	margin-top: 2em;
}

#homePageContainer {
	margin-bottom: 5em;
}

#isbraMenuContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 50px;
}

#isbraMenuContainer > div {
	font-weight: bold;
	color: #333;
	line-height: normal;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
	max-height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding-top: 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
	max-height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding-top: 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li {
	padding: 0 1em 0 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item {
	height: 50px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
	position: relative;
	display: block;
	height: auto;
	padding: 0;
	background: inherit;
	color: #333;
	font: normal 18px/26px 'Ubuntu Condensed', 'Arial', sans-serif;
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#idGeneralFormContainer {
	padding: 0 2em;
}

#membershipContainer > p > span{
	font-weight: bold;
}

.oAuthButtonsContainer a {
	color: #fff !important;
}

#news-container img,
#communicationsHighlights img,
#archiveContainer img,
.categoryContainer img,
#newsletterContainer img,
#congressesContainer img {
	/* border: 1px solid #e1e1e1;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2); */
	filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.2));
}


.credit-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	background-color: #f5f5f5;
	padding: 8px 15px;
	margin: 0 0 20px 0;
}

.credit-container {
	flex-direction: column-reverse;
}

.credit-container>div {
	font-size: 0.8em;
}

.credit-container>div>hr {
	display: block;
	margin: 10px 0;
	border-top: 1px solid #dbdbdb;
}

#homeButtonContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin: 5em 0 1em 0;
}

#homeButtonContainer > a {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#homeButtonContainer > a > div {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	/*height: auto;*/
	width: 8vmax;
	height: 8vmax;
	padding: 0.25em 0 0 0;
	font-size: 2vmin;
	background-size: 65%;
	border-radius: 50%;
	border: 2px solid #545454;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
	box-sizing: content-box;
	margin-bottom: 5px;
}

#homeTextContainer {
	display: inline-block;
	width: 100%;
	margin: 1em 0;
	padding: 0 3em;	
}

#welcome {
	font-size: 1.4em;
}

#membership-grid-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: space-between;
	overflow: hidden;
}

.isbra-table {
	border-collapse: collapse;
}

#membership-grid-container table.isbra-table {
	max-width: 1300px;
	width: 100%;
}

.levelRenewal,
.levelPrice {
	display: none;
}

.WABranding {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	max-width: unset;
	margin: 0;
	background-color: black;
    background-image: url(/resources/img/ethanol-bg.svg);
    background-size: 20%;
    color: white;
    padding: 0 1em;
}

table.isbra-table thead {
	background-color: rgba(221, 230, 245, 100);
	/*
	background: -webkit-linear-gradient(to bottom, #c8d7ef, #dde6f5, #c8d7ef); 
	background: linear-gradient(to bottom, #c8d7ef, #dde6f5, #c8d7ef);
	*/
}

/* membership table config */
table#membership-grid th,
table#membership-grid td {
	text-align: center;
}

table#membership-grid thead tr:last-child th:nth-child(n+3):nth-child(-n+5),
table#membership-grid thead tr:last-child th:nth-child(n+7):nth-child(-n+9) {
	width: calc(100%/7);
}

table#membership-grid thead tr:last-child th {
	padding: 10px 0;
}

/* bevel top-left th */
table#membership-grid thead tr:first-child th:first-child {
	border-radius: 10px 0 0 0;
}

/* bevel top-right th */
table#membership-grid thead tr:first-child th:last-child {
	border-radius: 0 10px 0 0;
}

/* bevel bottom-left th */
table#membership-grid thead tr:last-child th:first-child {
	border-radius: 0 0 0 10px;
}

/* bevel bottom-right th */
table#membership-grid thead tr:last-child th:last-child {
	border-radius: 0 0 10px 0;
}

table#membership-grid tbody tr:nth-child(even) {
	background-color: rgba(245, 245, 245, 100);
}

table#membership-grid tbody tr td {
	padding: 5px 0;
}

/* bevel highlighted-row */
table#membership-grid tbody tr:nth-child(2) td:first-child {
	border-radius: 10px 0 0 10px;
}

table#membership-grid tbody tr:nth-child(2) td:last-child {
	border-radius: 0 10px 10px 0;
}

table#membership-grid thead tr:first-child th:nth-child(4),
table#membership-grid thead tr:last-child th:nth-child(6) {
	border-right: 1px solid rgba(201, 221, 255, 100);
}

table#membership-grid tbody tr td:nth-child(6) {
	border-right: 1px solid #eee;
}

#administrationContainer .rowContainer {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 2em;
}


#administrationContainer .categoryContainer {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	width: calc(100%/3);
}

#administrationContainer .categoryContainer li {
	display: flex;
	align-items: center;
	margin-bottom: 0.5em;
}

#administrationContainer .categoryContainer h3 {
	margin-bottom: 0;
}

#administrationContainer .categoryContainer img {
	/* height: 1.25em;
	width: auto; */
	height: auto;
	width: 1.75em;
	border: 1px solid #656565;
	margin-left: 0.5em;
}

#administrationContainer #officersContainer li,
#administrationContainer #liaisonContainer li {
	flex-direction: column;
	align-items: flex-start;
}

#administrationContainer #officersContainer li div,
#administrationContainer #liaisonContainer li div {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#historyContainer {
	display: flex;
	flex-direction: column;
}

#historyContainer .isbraHistoryContainer {
	margin-bottom: 3em;
	width: 100%;

}

#historyContainer .isbraHistory {
	width: 100%;
}

/* history table config */
table.isbraHistory th:nth-child(1),
table.isbraHistory td:nth-child(1) {
	text-align: center;
}

table.isbraHistory thead tr:last-child th {
	padding: 10px 0;
}

/* bevel top-left th */
table.isbraHistory thead tr:first-child th:first-child {
	border-radius: 10px 0 0 10px;
}

/* bevel bottom-left th */
table.isbraHistory thead tr:first-child th:last-child {
	border-radius: 0 10px 10px 0;
}

table.isbraHistory tbody tr:nth-child(even) {
	background-color: rgba(245, 245, 245, 100);
}

table.isbraHistory tbody tr td {
	padding: 5px 0;
}

/* bevel highlighted-row */
table.isbraHistory tbody tr:nth-child(even) td:first-child {
	border-radius: 10px 0 0 10px;
}

table.isbraHistory tbody tr:nth-child(even) td:last-child {
	border-radius: 0 10px 10px 0;
}


table.isbraHistory tbody tr td:nth-child(7) {
	border-right: 1px solid #eee;
}

#communicationsHighlights {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#communicationsHighlights div:first-child {
	margin-right: 1em;
}

#communicationsHighlights div:first-child img {
	width: 200px;
	height: auto;
}

#communicationsHighlights div:nth-child(2) p {
	font-weight: bold;
}

#communicationsHighlights div:nth-child(2) ul {
	padding-left: 1em;
}

#socialContainer {
	display: flex;
	flex-direction: row;
}

#socialContainer>div {
	width: calc(100%/3);
}

#socialContainer>div:first-child {
	margin-right: 5em;
}

#archiveContainer {
	display: flex;
	flex-direction: column;
	padding: 1em;
	background-color: #f7f7f7;
	border-radius: 25px;
	border: 1px solid #ccc;
	margin: 1em 0;
}

#archiveContainer>div {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 2em;
}

#archiveContainer>div>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100%/4);
	margin-bottom: 1em;
}

/*
#archiveContainer > div > div span {
	font-size: 0.8em;
}
*/

#archiveContainer>div>div>a {
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 0.9em;
}

#archiveContainer>div>div img {
	width: 100px;
	height: auto;
	margin-bottom: 5px;
}

#expandArchive {
	cursor: pointer;
	margin-top: 1em;
	color: #337AB7;
}

#expandArchive>div {
	display: inline-block;
}

#expandArchive>div>i {
	font-family: 'FontAwesome';
	font-style: normal;
}

#expandArchive>div.toggleCollapsed>i:nth-child(1) {
	display: inline-block;
}

#expandArchive>div.toggleCollapsed>i:nth-child(2) {
	display: none;
}

#expandArchive>div.toggleExpanded>i:nth-child(1) {
	display: none;
}

#expandArchive>div.toggleExpanded>i:nth-child(2) {
	display: inline-block;
}

.audioContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: fit-content;
}

.audioContainer>div {
	font-size: 0.8em;
}

#newsletterContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1em;

}

#newsletterContainer>div {
	display: flex;
	flex-direction: column;
	width: calc(100%/5);
	align-items: center;
	margin: 0 1em 2em 0;
}

#newsletterContainer>div img {
	width: 100%;
	height: auto;
	max-width: 200px;
	margin-bottom: 5px;
}

#newsletterContainer>div>a {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#newsletterContainer>div span {
	text-align: center;
}

#linksContainer ul li {
	list-style: url(/resources/img/icons/link-intact.svg);
}

#congressesContainer {
	display: block;
}

#upcomingCongress {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#upcomingCongress div:first-child {
	display: flex;
	margin-right: 1em;
}

#upcomingCongress div:first-child>img {
	max-width: 350px;
}

#upcomingCongress div:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#pastCongressesContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#pastCongressesContainer > div > *:not(:last-child), #pastCongressesContainer > div > div > *:not(:last-child) {
	margin-right: 0.5em;
}

#pastCongressesContainer>div {
	display: flex;
	flex-direction: row;
	width: calc(100%/2);
	margin-bottom: 0.5em;
}

#pastCongressesContainer img {
	height: auto;
	width: 1.75em;
	border: 1px solid #656565;
	align-self: center;
}

#pastCongressesContainer span:first-child {
	font-weight: bold;
}

#pastCongressesContainer > div > div {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#earlyCareerContainer h2:first-child {
	margin-bottom: 0;
}

#earlyCareerContainer ol li, #diversityAwardContainer ol li {
	list-style-type: decimal;
}

.table-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.table-container #tabakoff-award-history {
	width: 50%;
}

.table-container #tabakoff-award-history thead tr th:nth-child(1) {
	width: calc((100%/3)/2);
}

.table-container #tabakoff-award-history thead tr th:nth-child(2) {
	width: calc(100%/3);
}

.table-container #tabakoff-award-history thead tr th:nth-child(3) {
	width: calc(100%/3);
}

#ishiiAwardContainer blockquote .small:before,
#ishiiAwardContainer blockquote footer:before,
#ishiiAwardContainer blockquote small:before {
	content: '\2014 \00A0';
}

.isbraDonateContainer>.iframe-container>iframe {
	width: 750px;
	height: auto;
	aspect-ratio: 16 / 9;
}

.isbraPlatinum::before,
.isbraGold::before,
.isbraSilver::before,
.isbraBronze::before,
.isbraCopper::before {
	display: inline-block;
	content: ' \1F3C5';
	color: transparent;
	margin-left: -10px;
	filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.2));
}

.isbraPlatinum::before {
	text-shadow: 0 0 0 #E5E4E2;
}

.isbraGold::before {
	text-shadow: 0 0 0 #FFD700;
}

.isbraSilver::before {
	text-shadow: 0 0 0 #C0C0C0;
}

.isbraBronze::before {
	text-shadow: 0 0 0 #CD7F32;
}

.isbraCopper::before {
	text-shadow: 0 0 0 #B87333;
}

#donationContainer {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
a.paypal-button {
	white-space: nowrap;
}

#payPalButtonContainer {
    width: fit-content;
}

#payPalButtonContainer a {
	text-decoration: none;
}

#payPalButtonContainer .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

#payPalButtonContainer .paypal-logo {
  font-family: Verdana, Tahoma;
  font-weight: bold;
  font-size: 26px;
}

#payPalButtonContainer .paypal-logo i:first-child {
  color: #253b80;
}

#payPalButtonContainer .paypal-logo i:last-child {
  color: #179bd7;
}

#payPalButtonContainer .paypal-button {
  padding: 15px 30px;
  border: 1px solid #FF9933;
  border-radius: 5px;
  background-image: linear-gradient(#fff0a8, #f9b421);
  margin: 0 auto;
  display: block;
  min-width: 138px;
  position: relative;
}

#payPalButtonContainer .paypal-button-title {
  font-size: 14px;
  color: #505050;
  vertical-align: baseline;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

#payPalButtonContainer .paypal-button .paypal-logo {
  display: inline-block;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  font-size: 20px;
}

#givingFundInfo {
    font-size: smaller;
    font-style: italic;
    padding: 0 1em;
    margin-top: 0.5em;
}

/* External Payments */
form#paymentForm table {

}
form#paymentForm table td:first-child {
	text-align: right;
}
form#paymentForm table td:last-child {
	padding-left: 0.5em;
}

form#paymentForm input[type=number] {
    display: inline-block;
    margin: 0;
    padding: 3px 5px 2px;
    background: white;
    border: 1px solid #b8c6cd;
    color: #373737;
    font: normal 14px/1.3 'Ubuntu','Arial',sans-serif
}


@media (max-width: 767px) {

	/*
	#menuContainer .WaLayoutTable > tbody > tr {
		display: flex;
		width: 100%;
		flex-direction: row;
		align-content: center;
		justify-content: space-evenly;
		align-items: flex-end;
	}
	*/
	.WaLayoutTable .WaLayoutItem~.WaLayoutItem {
		margin-top: 0;
	}
	
	.WABranding {
		padding: 0;
		justify-content: center;
	}

	#id_HJsU6oj {
		justify-content: flex-start;
	}
	
	#isbraMenuContainer {
		display: none;
	}
	
	#hero_text_wrapper {
		height: auto;
		font-size: 7vmin;
	}
	
	#isbra_congress>div {
		font-size: 1em;
	}
	
	#homeButtonContainer {
		justify-content: space-around;
	}

	#administrationContainer .rowContainer {
		flex-direction: column;
	}

	#administrationContainer .categoryContainer {
		width: 100%;
	}
	
	#communicationsHighlights {
    	flex-direction: column;
	}
	
	#communicationsHighlights div:first-child {
		text-align: center;
	}
	
	#membership-grid-container {
		display: block;
		overflow: scroll;
	}
	
	#membership-grid-container table.isbra-table {
		width: 90%;
	}

	#membership-grid-container table.isbra-table thead tr:last-child th:nth-child(n + 3):not(:nth-child(6)) {
		min-width: 125px;
	}
	
	#socialContainer {
    	flex-direction: column;
	}
	
	#socialContainer > div {
    	width: 100%;
	}
	
	#archiveContainer > div > div {
   		width: 100%;
	}
	
	#newsletterContainer {
    	flex-direction: column;
	}
	
	#newsletterContainer > div {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
		margin: 0 0 2em 0;
	}
	
	#upcomingCongress {
    	flex-direction: column;
	}
	
	#upcomingCongress div:first-child {
    	margin-right: 0;
	}
	
	#upcomingCongress div:first-child > img {
    	max-width: unset;
    	width: 100%;
	}
	
	#pastCongressesContainer {
		flex-direction: column;
	}
	
	#pastCongressesContainer > div {
		width: 100%;
	}
	
	/*
	#pastCongressesContainer > div > *:not(:last-child), #pastCongressesContainer > div > div > *:not(:last-child) {
		margin-right: 0;
	}
	*/
	
	#pastCongressesContainer > div {
		flex-direction: column;
		width: 100%;
		margin-bottom: 1em;
	}
	
	#pastCongressesContainer img {
		align-self: flex-start;
		margin-left: 0;
	}
	
	.isbraDonateContainer>.iframe-container>iframe {
		width: 100%;
	}
	
	.table-container #tabakoff-award-history {
		width: 100%;
	}

	.table-container #tabakoff-award-history thead tr th {
		width: auto;
	}
	
	#donationContainer {
		flex-direction: column;

	}
	a.paypal-button {
		white-space: wrap;
	}
}

/*
#mobile-grid-container table.isbra-table tbody tr td:first-child {
	left: 0;
	position: sticky;
	background: #fff;
}
*/


/* #id_jgDhNyz .menuInner .item a {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: space-between;
	padding-top: 0;
} */

/* #id_uZxCxQP .WaLayoutItem {
	vertical-align: bottom;
}

[class^="WaLayoutItem"] {
	vertical-align: bottom;
} */



/* ISBRA.com */

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

body {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	text-align: left;
	color: #000;
	background-color: #fff;
	margin: 0;
	height: 100%;
	z-index: 1;
}

a {
	font-weight: 400;
	text-decoration: none;
	color: #146BA0;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
	color: #000;
}


/*
a:visited {
					text-decoration:underline;
					color:#000000;
					}
*/

p {
	text-align: left;
}

p.right {
	text-align: right;
}

p.center {
	text-align: center;
}

h1 {
	font-size: 5vh;
	font-weight: bolder;
	text-align: left;
	color: #0B3F63 !important;
}

h2 {
	font-size: 2em;
	font-weight: 500;
	line-height: 1.1;
	text-align: left;
	color: #0B3F63;
	margin: 20px 0 10px 0;
}

ol {
	list-style-type: lower-roman;
	text-align: left;
}

ul {
	list-style: disc;
	text-align: left;
}

/*td {
  font-soze: 11px;
  font-weight: 400;
  text-align: left;
  color: #000;
}

tr {
  font: 11px;
  font-weight: 400;
  text-align: left;
  color: #000;
}

td.isbra {
  padding: 2.5px 5px;
}*/


/*li {
  padding-bottom: 10px;
}*/

.li_tight {
	padding-bottom: 0;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}

abbr {
	font-weight: 700;
	/*color: #63f;*/
	text-decoration: none;
}

.blueText {
	color: #63f;
}

.warnText {
	color: red;
	font-family: "Myriad Pro Web", "Myriad Web", Myriad, Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: small;
}


/* tooltip */

a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration: none;
	position: relative;
}

a.info span {
	position: relative;
	display: none;
}

a.info:hover {
	position: relative;
	cursor: default;
}

a.info:hover .infobox {
	font-weight: normal;
	display: block;
	position: absolute;
	top: 20px;
	left: 25px;
	width: 205px;
	height: 70px;
	border: 1px solid #ccc;
	background: #f4f4f4 url(/ministem/resources/img/question.gif) no-repeat bottom right;
	color: #000;
	text-align: left;
	font-size: 0.7em;
	padding-left: 10px;
	padding-top: 10px;
}

div.three_col {
	position: relative;
	width: 33.3%;
	float: left;
}

div.like_td {
	padding: 3px;
}

div.float {
	float: left;
}

div.floatR {
	float: right;
}

div.clear {
	clear: both;
}

.parallax {
	background-attachment: fixed;
	background-position: center;
}

.navbar {
	margin-bottom: 0 !important;
}

.navbar-brand>img {
	display: inline-block;
	height: 100%;
	width: auto;
}

#header {
	/* display: inline-block;
  text-align: left;
  text-decoration: none;
  border: 0;
  z-index: 1;
  clear: both;
  width: 100%; */
	min-height: 1vh;
}

/* #header a {
  text-decoration: none;
  border: 0;
  border-color: #6cc;
} */

#hero {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background-repeat: repeat-y;
	background-size: cover;
	width: 100%;
	height: 97vh;
	background-repeat: no-repeat;
	background-size: cover;
}

#hero_text_wrapper {
	display: flex;
	height: 66vh;
	align-items: center;
	justify-content: center;
}

#hero_text {
	font-family: 'Josefin Slab', serif;
	display: inline-block;
	/*margin-top: 2.5em;*/
	text-align: center;
	/*padding: 1em;*/
	width: 60vmax;
	color: #fff;
	font-size: 3.5vmax;
	/*box-shadow: 0 0 50px 30px rgba(0,0,0,.25);
  background-color: rgba(0,0,0,.25);*/
	text-shadow: 2px 2px #000;
}

#hero h1 {
	text-align: center;
	font-size: 3vmin;
}

#hero_logo {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 2em 1em 1em 1em;
	background-color: rgba(238, 238, 238, 0.85);
	width: 100%;
	/*height: 30vh;*/
}

.logo_container {
	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 1em 0;
}

.logo {
	width: auto;
	height: 12vmax;
}

.breadcrumb-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #f5f5f5;
	padding: 8px 15px;
	margin: 0 0 20px 0;
}

.breadcrumb-container .breadcrumb {
	padding: 0;
	margin: 0;
}

.breadcrumb-container>div {
	font-size: 0.9em;
}

.breadcrumb-container>div>hr {
	display: none;
}

.attribution {
	/* display: inline-block; */
	float: right;
	background-color: #f3f3f3;
	color: #000;
	font-size: .9em;
	padding: .5em 2em;
	margin-bottom: 1em;
}

#isbra_congress {
	visibility: visible;
	display: none;
	position: absolute;
	bottom: 1em;
	left: 1em;
	color: #fff;
	background: rgba(10, 10, 10, .75);
	padding: .3em;
	border-radius: 10px;
	font-size: 2.5vh;
	font-family: 'Open Sans', sans-serif;
}

#banner_container {
	display: inline-block;
	width: 100%;
	padding: 4em 2em;
}

#banner_logo_container {
	display: inline-block;
	width: 30%;
}

#banner_text {
	display: inline-block;
	background-color: rgba(0, 0, 0, .3);
	box-shadow: 0 0 50px 30px rgba(0, 0, 0, .35);
}

#banner_text h2 {
	font-family: 'Josefin Slab', serif;
	font-size: 10vh;
	color: #fff;
}

.bg_dna,
.bg_neurons,
.bg_antibodies,
.bg_model,
.bg_ballot,
.bg_rock,
.bg_wrenches {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg_dna {
	background-image: url(/resources/img/hero/dna.jpg);
}

.bg_neurons {
	background-image: url(/resources/img/hero/neurons.jpg);
}

.bg_antibodies {
	background-image: url(/resources/img/hero/DsDNA_antibodies.jpg);
}

.bg_model {
	background-image: url(/resources/img/hero/molecular_model.jpg);
	background-position-y: -150px;
}

.bg_ballot {
	background-image: url(/resources/img/hero/ballot.jpg);
	background-position-y: -350px;
}

.bg_wrenches {
	background-image: url(/resources/img/hero/wrenches.jpg);
	background-size: auto;
	background-position: top;
}

.bg_rock {
	background-image: url(/resources/img/hero/rock-with-gold-paint.jpg);
}

#footer .logo_container img {
	width: 8vw;
	height: auto;
}



#footer {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 2em;
	color: #e5e5e5;
	background-color: #000;
	text-align: center;
	background-image: url(/resources/img/ethanol-bg.svg);
	background-size: 20%;
}

#footer a {
	color: #e5e5e5;
}

#footer a:hover {
	color: #fff;
}

#back_to_top {
	font-size: 1.5vmax !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

#back_to_top img {
	width: 2vmax !important;
	height: auto !important;
}

#news-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 2em;
}

p.alert-text {
	color: red;
	font-weight: bold;
}

.news-item {
	width: 30%;
	margin: 0 1em 5em 0;
	text-align: center;
}

.news-item:nth-child(3n) {
	margin-right: 0;
}

.news-img {
	height: 15vh;
}

.news-item img {
	height: 100%;
	width: auto;
}

.news-vid {
	height: 15vh;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 27vh;
	height: 100%;
}

.news-caption h4 {
	text-align: center;
}

.news-caption>div {
	display: inline-block;
	text-align: justify;
	padding: 0 1em;
	position: relative;
}

#newsletters li {
	list-style: none;
	padding: 1em;
	text-align: center;
}

#newsletters img {
	border: 1px solid #e1e1e1;
	margin-bottom: 0.5em;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

#newsletters p {
	text-align: center;
	font-weight: bold;
}

#container.secondary {
	width: 70%;
}

.secondary {
	width: 70%;
}

#container.tertiary {
	width: 50%;
}

.tertiary {
	width: 50%;
}

/*#memberAppForm {
  border: 1px solid #e1e1e1;
}*/

.span_1_of_3 img,
.span_1_of_4 img {
	width: 65%;
	height: auto;
	float: none;
	display: inline-block;
	/*webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);*/
}

/*  SECTIONS  */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	margin: 0 0 2em 0;
}


/*  COLUMN SETUP  */

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child {
	margin-left: 0;
}


/*  GROUPING  */

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
	/* For IE 6/7 */
}


/*  GRID OF FOUR  */

.span_4_of_4 {
	width: 100%;
}

.span_3_of_4 {
	width: 74.6%;
}

.span_2_of_4 {
	width: 49.2%;
}

.span_1_of_4 {
	width: 23.8%;
	text-align: center;
	display: table-cell;
}

.span_1_of_3 {
	width: 32.2%;
	display: table-cell;
	/*webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);*/
}

.gs_grid_table {
	display: table;
	width: 100%;
}

.gs_grid_row {
	display: table-row;
	width: 100%;
}

.gs_grid_cell {
	display: table-cell;
	vertical-align: bottom;
	width: 25%;
	text-align: center;
	padding-bottom: 1.5%;
}

.button_wrapper {
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	/*margin: 2em 0;*/
}

.nav_buttons {
	margin: 2em 0;
}

.show_all {
	height: 10vmax;
}

.button {
	display: inline-block;
	width: 15vmax;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin: 0 1.5em;
	padding: 1em;
	font-size: 2vmin;
	cursor: pointer;
}

.text_button {
	background-color: #0B3F63;
	border-radius: 25px;
	color: #fff;
	margin: 0 1.5em;
	padding: 1em;
	font-size: 2em;
}

.text_button:hover {
	cursor: pointer;
}

/*
#mission,
#directory,
#membership,
#links {
	display: flex;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 8vmax;
	height: 8vmax;
	padding: 0.25em 0 0 0;
	font-size: 2vmin;
	background-size: 65%;
	border-radius: 50%;
	border: 2px solid #545454;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
	box-sizing: content-box;
}


#mission span,
#directory span,
#membership span,
#links span {
	display: inline-block;
	margin-top: 8.5vmax;
	width: 100%;
	white-space: pre-wrap;
}

#mission a,
#directory a,
#membership a,
#links a {
	width: 100%;
	font-size: 1.5vmax;
	display: inline-block;
	line-height: normal;
}

*/

#mission {
	background-image: url(/resources/img/icons/compass.svg);
}

#directory {
	background-image: url(/resources/img/icons/person.svg);
}

#membership {
	background-image: url(/resources/img/icons/credit-card.svg);
}

#links {
	background-image: url(/resources/img/icons/bookmark.svg);
}

#mission:hover,
#directory:hover,
#membership:hover,
#links:hover {
	background-color: #d8e5ee;
}


/*.button:hover {
  background-color: #c0e5ff;
}*/

.button img {
	width: 100%;
	height: auto;
}

.hidden {
	display: none !important;
}

#container {
	display: inline-block;
	margin: 0;
	background-color: #fff;
	width: 100%;
	padding: 0 2em;
}

/*#container_toggle {
  display: inline-block;
  margin: 0;
  background-color: #fff;
  width: 70%;
  padding: 0 2em;*/
}

.column_container {
	display: table;
	width: 100%;
}

.column_left,
.column_right {
	width: 45%;
	display: table-cell;
	padding: 1em;
}

.column_left {
	border-right: 1px solid #e1e1e1;
}


/* #vcontshad {
					position:absolute;
					left:200px;
					top:145px;
					height:500px;
					background-color:transparent;
					background-image:url(images/containershadow.jpg);
					background-position:left;
					background-repeat:repeat-y;
					z-index:2;
					} */

#col_left {
	position: absolute;
	left: 0;
	top: 155px;
	text-align: center;
	float: left;
}

#contact {
	font: 10px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	/*  position: absolute;
  top: 550px;
  left: 0;*/
	width: 200px;
	/*  z-index: 1; */
}

#contact td {
	font: 10px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#contact tr {
	font: 10px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#contact acronym {
	font: 10px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #9cf;
	font-weight: 700;
	text-decoration: none;
}

#contact a {
	font: 10px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #9cf;
	text-decoration: none;
	text-align: center;
}

#contact a:hover {
	font-weight: 400;
	text-decoration: underline;
}

#contact a:active {
	font-weight: 700;
	text-decoration: none;
}

#bottomlink {
	font: 9px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	z-index: 5;
}

#bottomlink a {
	font-weight: 400;
	color: #039;
	text-decoration: none;
	text-align: center;
}

#bottomlink a:hover {
	font-weight: 400;
	text-decoration: underline;
	color: #fff;
	background-color: #000;
}

#bottomlink a:active {
	font-weight: 700;
	text-decoration: none;
}

#executive_board {
	display: inline-block;
	/*column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;*/
	width: 100%;
	/*padding: 0 4em 0 4em;*/
}

/*#executive_board ul, #conference_list ul {
  break-after: column;
}*/

#executive_board ul,
#conference_list ul {
	list-style: none;
	padding-left: 1em;
}

#executive_board li {
	margin-bottom: .5em;
}

/* #isbra_office {
  width: 65vw;
} */

#isbra_office_contact {
	display: table;
	/*width: 35vw;*/
}

#isbra_office_contact .contact_row {
	display: table-row;
}

#isbra_office_contact .contact_row div:nth-child(1) {
	display: table-cell;
	width: 15%;
	text-align: right;
	font-weight: bold;
}

#isbra_office_contact .contact_row div:nth-child(2) {
	width: 70%;
	padding-left: 1em;
	display: table-cell;
}

#conference_list img {
	height: 5vmax;
	width: auto;
	display: block;
}

#history {
	/*display: table;*/
	width: 100%;
}

.list-group-item>div:first-child {
	display: inline-block;
	width: 10%;
	margin-right: 3em;
	text-align: right;
}

.list-group-item>div:nth-child(2) {
	display: inline-block;
	width: 25%;
	margin-right: 3em;
	text-align: right;
}

/* .membership_options {
  column-rule: 4px outset #ff00ff;
} */

.membership_options h3 {
	break-before: column;
}

#apply_container,
#renew_container {
	width: 70vw;
}

#renew_membership table {
	width: 100%;
}

#renew_membership td {
	padding: 0.5em 0;
	vertical-align: middle;
	border-bottom: 1px solid #e1e1e1;
}

/* #renew_membership td:first-child {
  text-align: right;
} */

#apply_container,
#renew_container {
	display: none;
}

.image_left {
	float: left;
	margin: 0 2em 2em 0;
	width: 15em;
}

.image_right {
	float: right;
	margin: 0 0 3em 3em;
	width: 15em;
}

#video {
	text-align: left;
	margin: 1em auto 1em auto;
}

@media screen and (min-width: 47.5em) {
	.columnsContainer {
		display: table;
		border-spacing: 15px 0px;
		border-collapse: separate;
	}

	.leftColumn {
		width: 25%;
		max-width: 24.75em;
		display: table-cell;
	}

	.rightColumn {
		display: table-cell;
		vertical-align: top;
		width: 74%;
		margin-left: 1%;
	}
}

/*@media screen and (min-width: 1200px) {
  .secondary p, .mission li {
	   width: 70%;
   }*/
/*.secondary h4 {
	   width: 70%;
	line-height: normal;
}*/


/* Ipad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	/*.slicknav_menu {
	display: block;
  }*/
	/*#header, #menu {
	display: none;
  }*/
	#apply_container,
	#renew_container {
		width: 100%;
	}

	#container.secondary {
		width: 100%;
	}

	.secondary {
		width: 100%;
	}

	#container.tertiary {
		width: 100%;
	}

	.tertiary {
		width: 100%;
	}

	.news-item {
		width: 45%;
	}


}

/* iPad Mini 2 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.cycle-bg-image {
		background-attachment: scroll !important;
	}

	/* Ipad Pro */

	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {}


	/* ----------- iPad Pro ----------- */


	/* Portrait and Landscape */

	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
		#directory {
			margin: 0 5em;
		}

		/* #mission span, #directory span, #membership span {
	padding-top: 15vmax;
  } */
		#hero_text {
			padding: 0;
			/*width: 80vw;*/
			font-size: 6vmin;
		}

		.logo {
			height: 13vmax;
		}

		#hero h1 {
			font-size: 3.7vmin;
		}

		#apply_container,
		#renew_container {
			width: 100%;
		}

		#banner_text h2 {
			font-size: 8vh;
		}

		#container.secondary {
			width: 100%;
		}

		.secondary {
			width: 100%;
		}

		#container.tertiary {
			width: 100%;
		}

		.tertiary {
			width: 100%;
		}
	}


	/* Portrait */

	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
		.button_wrapper {
			height: initial;
		}

		.button {
			width: 25vw;
		}
	}


	/* Landscape */

	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

		/* #mission span, #directory span, #membership span, #links span {
	padding-top: 20vh;
  } */
		nav_buttons {
			height: 21vmax;
		}

		#hero {
			height: 94vh;
		}

		#hero_logo {
			height: 20vmax;
		}

		.logo {
			height: 10vmax;
		}

		#hero_text {
			font-size: 5vmin;
		}

		#hero_text_wrapper {
			height: 60vh;
		}

		#isbra_congress {
			font-size: 2rem;
		}
	}

	/*  GO FULL WIDTH BELOW 480 PIXELS Landscape */
	@media only screen and (min-device-height: 320px) and (max-height: 480px) and (orientation: landscape) {
		#hero {
			height: 120vh;
		}

		.parallax {
			background-attachment: scroll;
			background-position: unset;
		}

		#isbra_congress {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			border-radius: 0;
		}

	}

	/*  GO FULL WIDTH BELOW 480 PIXELS */
	@media only screen and (min-device-width: 320px) and (max-width: 480px) {
		/*
		.col {
			margin: 0% 0 15% 0%;
		}
		*/

		.span_1_of_3,
		.span_1_of_4,
		.span_2_of_4,
		.span_3_of_4,
		.span_4_of_4 {
			width: 100%;
		}

		.span_1_of_3::after {
			border-bottom: 1px solid #e1e1e1;
		}

		.section {
			margin: 0;
		}

		.breadcrumb-container {
			flex-direction: column-reverse;
		}

		.breadcrumb-container>div {
			font-size: 0.8em;
		}

		.breadcrumb-container>div>hr {
			display: block;
			margin: 10px 0;
			border-top: 1px solid #dbdbdb;
		}

		#news-container {
			flex-direction: column;
		}

		.news-item {
			width: 100%;
			margin: 0 0 3em 0;
		}

		.nav_buttons .span_1_of_3 {
			width: 32.2%;
		}

		#mission a,
		#directory a,
		#membership a,
		#membership a,
		#links a {
			font-size: 3.5vmin;
		}

		.parallax {
			background-attachment: scroll;
			background-position: unset;
		}
		
		#hero_text_wrapper {
			height: auto;
		}

		#hero_text {
			padding: 0 1em;
			/*width: 80vw;*/
			color: #fff;
			font-size: 8vw;
			margin-top: 1em;
		}

		#hero h1 {
			font-size: 3vh;
		}

		#banner_text h2 {
			font-size: 6vmax;
		}

		#welcome {
			margin: 1em 0;
			padding: 0 1em;
		}

		#welcome p {
			font-size: 2.5vh;
		}

		#isbra_congress {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			border-radius: 0;
		}

		.attribution {
			display: block;
			float: none;
			text-align: center;
		}

		h4 {
			margin: 1em 0;
		}

		.show_all {
			height: 10vmax;
		}

		.nav_buttons {
			height: 18vmax;
		}

		.button {
			width: 20vw;
			font-size: 2vh;
			margin: 0 1.5em;
			padding: 0;
		}

		#mission,
		#directory,
		#membership,
		#links {
			height: 12vh;
			width: 12vh;
			display: inline-block;
			text-align: center;
			vertical-align: bottom;
			margin: 0;
			padding: 0;
			font-size: 2vh;
			cursor: pointer;
		}

		/*#directory {
	margin: 0 3em
  }*/
		#mission span,
		#directory span,
		#membership span,
		#links span {
			display: inline-block;
			/*padding-top: 12vh;*/
			margin-top: 100px;
			white-space: pre-wrap;
		}

		#mission a,
		#directory a,
		#membership a,
		#links a {
			display: inline-block;
			padding-top: 0;
		}

		#footer {
			background-size: 60%;
		}

		#footer .logo_container img {
			width: 16vw;
		}

		.button_wrapper {
			margin: 1em 0 0 0;
		}
	
		#hero_logo {
			padding: 1em;
			/* height: 35vh; */
		}

		#hero h1 {
			font-size: 3.5vh;
		}

		.logo {
			width: auto;
			height: 16vh;
		}

		#back_to_top {
			font-size: 4vmin !important;
			width: 40vmin !important;
			padding: 1em;
		}

		#back_to_top img {
			width: 6vmax !important;
			height: auto !important;
		}

		#executive_board ul,
		#conference_list ul {
			break-after: unset;
		}

		#executive_board {
			padding: 0;
			column-count: 1;
		}

		#executive_board ul,
		#conference_list ul {
			break-after: unset;
		}

		#isbra_office {
			display: inline-block;
			width: 100%;
		}

		#isbra_office_contact {
			width: 100%;
		}

		#history {
			width: 100%;
		}

		#apply_container,
		#renew_container {
			width: 100%;
		}

		.image_left {
			float: none;
			margin: 0 2em 2em 0;
			width: 100%;
		}

		#container.secondary {
			width: 100%;
		}

		.secondary {
			width: 100%;
		}

		#container.tertiary {
			width: 100%;
		}

		.tertiary {
			width: 100%;
		}

		.image_right {
			float: none;
		}

	}


	/* IE 10 and 11 */

	@media all and (-ms-high-contrast:none) {

		/*.foo { color: green } /* IE10 */
		/**::-ms-backdrop, .foo { color: red } /* IE11 */
		#hero_text {
			font-size: 3.5vw;
		}

		#back_to_top img {
			width: 2vw !important;
		}

		.nav_buttons {
			height: 20vw;
		}

		.show_all {
			height: 10vw;
		}

		.button {
			width: 15vw;
			font-size: 2vh;
		}

		#mission,
		#directory,
		#membership,
		#links {
			width: 12vw;
			font-size: 2vh;
		}

		#mission span,
		#directory span,
		#membership span,
		#links span {
			padding-top: 15vw;
		}

		#mission a,
		#directory a,
		#membership a,
		#links a {
			font-size: 1.6vw;
		}

		#hero h1 {
			text-align: center;
			font-size: 3.5vh;
		}

		#back_to_top {
			font-size: 2vh !important;
		}

		.text_button {
			font-size: 3vh;
		}
	}


	/* Edge */

	@supports (-ms-ime-align: auto) {
		#hero_text {
			font-size: 3vw;
			width: 60vw
		}

		.logo {
			height: 12vh;
		}

		#back_to_top img {
			width: 2vw !important;
		}

		/* .nav_buttons {
	height: 20vw;
  } */
		.show_all {
			height: 10vw;
		}

		.button {
			width: 15vw;
			font-size: 2vh;
		}

		#mission,
		#directory,
		#membership,
		#links {
			width: 8vw;
			height: 8vw;
			font-size: 1.5vh;
		}

		#mission span,
		#directory span,
		#membership span,
		#links span {
			margin-top: 9vw;
		}

		#mission a,
		#directory a,
		#membership a,
		#links a {
			font-size: 1.6vw;
		}

		#hero h1 {
			text-align: center;
			font-size: 3vh;
		}

		#back_to_top {
			font-size: 2vh !important;
		}

		.text_button {
			font-size: 3vh;
		}

		#conference_list img {
			height: 5vh;
		}

	}