@font-face {
    font-family : "Stolzl";
    src : url("../fonts/stolzl/stolzl-regular.otf");
}

table {
	font-family: 'Stolzl';
	color : #013844;
}

body {
	font-family: 'Stolzl';
	color : #013844;
	background-color : #fff;
	background-size : cover;
	background-repeat : no-repeat;
}

li#img svg {
	width : 42px;
	height : 42px;
}

.content {
	margin-left : 4em;
}

.browser-check {
	width     : 100%;
	max-height: 60%;
	text-align: center;
	margin    : auto;
	margin-top: 10vh;
}

.bc-img-area {
	width  : 200px;
	margin : auto;
}

.bc-msg-area {
	font-size     : 20px;
	font-family   : "Stolzl";
	letter-spacing: 0.1px;
	color         : #013844;
	font-weight   : 300;
	margin-top    : 16px;
}

.browser-not-supported {
	border-radius: 3px;
	width        : 60%;
	max-height   : 80%;
	font-family  : "Stolzl";
	margin       : auto;
}

.msg-area {
	max-height : 30%;
	text-align : center;
	color      : #013844;
	margin-top : 40px;
}

span.subtext {
	font-size : 16px;
	opacity   : .6;
}

.browsers {
	height          : 20%;
	width           : 100%;
	text-align      : center;	
	list-style-type : none;
	margin-top      : 50px;
	margin-bottom   : 50px;
}

#support-msg {
	font-size     : 14px;
	line-height   : 1.2;
	letter-spacing: 0.2px; 	
}

.margin {
	margin-left : 30px;
}

.not-visible {
	display : none;
}

.visible {
	display : inline-block;
}

table {
	margin-top : 1em;
	margin-left : 1em;
	table-layout : fixed;
	font-size : x-small;
}

table thead tr th:nth-child(1) {
	width : 180px;
	text-align : right;
	padding-right : 20px;
}

table thead tr th:nth-child(2) {
	width : 40px;
	text-align : left;
	padding-left : 20px;
}

table tbody tr td:nth-child(1) {
	text-align : right;
	padding-right : 20px;
}

table tbody tr td:nth-child(2) {
	text-align : left;
	padding-left : 20px;
}