:root
{
	--gold: #ff0;
	--silver: rgb(192,192,192);
	--bronze: rgb(255,204,51);
}

body
{
	background-image: url(bg522.jpg);
	box-sizing:  border-box;
	font-size: 1em;
	font-family: serif;
	color: #fff;
}

a
{
	color: #0ff;
}

hr 
{
	width: 100%;
	height: 2px;
}

em
{
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

footer
{
	text-align: center;
	font-size: 0.833em;
	margin-top: 1.5em;
}

footer hr
{
	height: 0px;
	margin: 0.833em 0 1.333em 0;
}

.big, nav li:first-child
{
 	font-size: 1.2em;
}
nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 1.5em 0;
}
nav li
{
	padding-bottom: 2.5px;
}
nav li a 
{
	text-decoration: underline 1px;
}
.bold
{
	font-weight: bold;
}

.main h1
{
	font-size: 2em !important;
	font-family: "Challenge Extra Bold", "Times New Roman", serif;
	font-weight: normal;
	color: #ff0;
	margin: 0.5em 0 0;
}
.main h2
{
	font-size: 1.667em !important;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	color: var(--bronze);;
	margin-top: 0;
}
.main .news
{
	margin-left: max(10px, min(212px, calc(25% - 96px)));
	margin-right: max(6px, min(125px, calc(20% - 60px)));
}
.main h3
{
	font-size: 1.2em !important;
	font-weight: normal;
	margin-top: 20px;
}
.main article
{
	padding: 3px 0;
	margin-top: 1em;
}
.main button
{
	border: 0;
	padding: 0;
	margin: 10px 0 0;
	background: none;
	font-family: serif;
	font-size: 1em;
	color: #0ff;
	text-decoration: underline;
	cursor: pointer;
}
.mg-30
{
	margin: 3px 0;
}

.bhrules
{
	margin-left: min(13.5vw, max(15px, calc(20% - 80px)));
	margin-right: min(20vw, max(20px, calc(26.5% - 80px)));
}

.bhimage
{
	margin: 30px auto;
	display: block;
}
.bhtable, .bhabout, .center
{
	text-align:  center;
}

.bhtable h2
{
	color: rgb(255,204,0) !important;
	font-weight: bold;
	font-style: italic;
	font-size: max(1.728em, 3.33vw) !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.bhtable a
{
	font-size: 1.44em;
}

.bhtable a.send
{
	font-size: 1em;
}
.mp-boris
{
	margin-top: 20px;
	max-width: min(99%, 630px);
	height: auto;
}
.bhtable img
{
	width: max(123px, min(235px, min(16vw, 22.11vh)));
	height: max(89px, min(150px, 16vh));
	margin-top: 4px;
}
.bhtable table
{
	margin: auto;
	padding-top: 14px;
	padding-bottom: 4px;
}
.bhabout
{
	color:  rgb(255,204,153);
}
.bhabout h2
{
	color:  rgb(51,204,255);
	font-weight:  bold;
	font-size:  1.728em !important;
	font-style:  italic;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.bhabout img
{
	width: 120px;
	height: 95px;
	margin: 2px 8px;
}
.bhabout .flag
{
	width: min(48px, 8vw);
	height: min(18px, 3vw);
	margin: 0 5px;
}
.ab-h2
{
	color:  rgb(51,204,255);
	font-size: 2.0736em !important;
	font-family: "Challenge Extra Bold", "Times New Roman", serif;
	font-weight: normal;
	text-align:  center;
}
.ab-blurb
{
	color: #fff;
	text-align: left;
	padding: 5px max(5px,calc(15vw - 60px)) 5px max(5px, calc(15vw - 60px));
}
.small-italic
{
	font-style: italic;
	font-size: 69.44%;
}
.bhab-postblurb
{
	color: #fff;
	text-align: center;
	font-size: 0.8333em;
	padding: 5px max(5px,calc(15vw - 60px)) 5px max(5px, calc(15vw - 60px));
}
.bhabout span
{
	font-size: min(1.2em, 3vw) !important;
	line-height: 120%;
}
.bhabout a
{
	font-size: 1.2em !important;
}
table.medal
{
	border: none;
	border-image: none;
	margin: -2px;
	padding: 0;
}
table.medal tbody
{
	margin: 0;
	padding: 0;
}
.gold, .medal tr:first-child
{
	color: var(--gold);
}
.silver, .medal tr:nth-child(2)
{
	color: var(--silver);
}
.bronze, .medal tr:nth-child(3)
{
	color: var(--bronze);
}
.medal td, .medal tr
{
	border: 0;
	padding: 0;
	margin: 0;
}
.medal td:first-child
{
	padding-left: 0;
	margin-left: 0;
}
.medal td:nth-child(n+2)
{
	padding-left: 1.1vw;
}
.medal td:nth-child(3)
{
	padding-left: 0.5vw;
}
.medal td:nth-child(5)
{
	padding-left: 3vw;
}

/*
.bhtable img:nth-child(3n+1)
{
	margin-right: 3px;
}*/

/* Responsive Framework */
.row {
	width: 100%;
}
.srow {
	width: 99%;
}

/* Desktop View */
@media (min-width: 600px) {
  .col-lg-4, .col-lg-6, .col-lg-12 {
  	float: left;
  }
  .col-lg-4 {
    width: 33.33%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-6 .bhtable
	{
		width: max(270px, min(500px, 33vw));
		margin: 0 5px 0 5px;
	}
	.lg-rfloat
	{
		float: right;
	}
}

/* Tiny devices only */
@media (max-width: 599px) {
  .col-sm-4, .col-sm-6, .col-sm-12 {
    float: left;
  }
  .col-sm-4 {
    width: 33.33%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-12 {
    width: 100%;
  }
}