@import url('https://fonts.googleapis.com/css?family=Roboto:400,900&display=swap');
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*div { border: solid 1px #000 !important; }*/
@media (max-width: 798px) {
    .mobile-only {
        display: block !important;
    }
    .desktop-only {
        display: none !important;
    }
}

@media (min-width: 799px) {
    .desktop-only {
        display: block !important;
    }
    .mobile-only {
        display: none !important;
    }
	.portrait-no {
		display: none !important;
	}
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  position: relative;
  top: 4px;
}

html { font-size: 62.5%; }
body { font-size: 1.5em;}
iframe { border-radius: 5px; }
.relative,
.fa { position: relative; }

a, 
.hand,
i.material-icons {
 	cursor: pointer;
	_cursor: hand;
	transition: all .25s ease-out;
}
a { color: #005a82; }

article {
	transition: all .25s ease-out;
}

.displayblock { display: block; }
.displaynone { display: none; }

.cont {
	display: -ms-flexbox;
	-ms-flex-direction: row;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

/*
.cont:after,
.row:after{
	content: "";
	display: table;
	clear: both;
}
*/
.cont.full { max-width: 100%; }

.column,
.columns {
	display: flex;
	width: 100%;
	max-width: 450px;
	box-sizing: border-box;
	margin: 1% auto;
}

@media (min-width: 799px) {
	.column,
	.columns {
		max-width: 100%;
		float: left;
		margin: 0.5% 1%;
	}
	.one.column,
	.one.columns			{ width: 6.66666666667%;	}
	.two.columns			{ width: 14.66666666667%;	}
	.three.columns			{ width: 23%;				}
	.four.columns			{ width: 31.3333333333%;	}
	.five.columns			{ width: 39.66666666667%;	}
	.six.columns			{ width: 48%;				}
	.seven.columns			{ width: 56.33333333333%;	}
	.eight.columns			{ width: 64.66666666667%;	}
	.nine.columns			{ width: 73%;				}
	.ten.columns			{ width: 81.3333333333%;	}
	.eleven.columns			{ width: 89.3333333333%;	}
	.twelve.columns			{ width: 98%;				}
	
	.offset-by-one			{ margin-left: 8.66666666667% }
	.offset-by-two			{ margin-left: 18.66666666667% }
}

/*
.column,
.columns {
	display: flex;
	width: 98%;
	float: left;
	box-sizing: border-box;
	margin: 2% 1%;
}

@media (min-width: 799px) {
	.one.column,
	.one.columns			{ width: 6.66666666667%;	}
	.two.columns			{ width: 14.66666666667%;	}
	.three.columns			{ width: 23%;				}
	.four.columns			{ width: 31.3333333333%;	}
	.five.columns			{ width: 39.66666666667%;	}
	.six.columns			{ width: 48%;				}
	.seven.columns			{ width: 56.33333333333%;	}
	.eight.columns			{ width: 64.66666666667%;	}
	.nine.columns			{ width: 73%;				}
	.ten.columns			{ width: 81.3333333333%;	}
	.eleven.columns			{ width: 89.3333333333%;	}
	.twelve.columns			{ width: 98%;				}
}
*/

.thirteen.columns {
	width: 100%;
	min-width: 100%;
	margin: 0;
}