body {
	font-family: 'Kameron', serif;
	/*font-size: 2.0em;*/
	font-size: calc(12px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));
}
	  
.linkbtn {

}
	  
.link {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}
	  
.PubDate, .Status, .Session {
	font-size: .8em;
	font-style: italic;
	color: #929292;
}
	  
.Title {
	font-weight: bold;
	
}

.Desc {
	margin-top: -10px;
}

.panel-title {
	font-size: 1.2em;
}

.panel-title a {
	text-decoration: none;
}

.panel-title a:hover {
	color: #ff0000;
}

.panel-heading:hover {
	cursor: pointer;
	color: #ff0000;
}

.rotateRt {
	font-size: 1em;
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
	transform: rotate(-90deg);
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.rotateDown {
	font-size: 1em;
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
	-moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.panel-body {
    display: none;
}

.updated {
	font-size: .7em;
}

@media print {

.panel-body {
    display: block;
}

.bg {
	display: none;
}
}

@media (max-width: @screen-xs) {
    body{font-size: 1.4em;}
}

@media (max-width: @screen-sm) {
    body{font-size: 1.6em;}
}


body, html {
    height: 100%;
}

.bg { 
    /* The image used */
    background-image: url("/src/images/LegHallPano1.jpg");

    /* Full height */
    height: 40%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} 

@media print {

.card-body {
    display: block;
}