.covid-19-banner { 
	background: rgba(204,0,0,0.5); 
	margin: 0px 0px 40px 0px;
	padding:5px 30px;
	border-radius: 15px;
	box-shadow: 10px 10px 5px grey;
}   

.covid-19-banner > h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.covid-19-banner > p {
	font-size: 1.1rem;
	margin-top: 10px;
	margin-bottom: 10px;
}

.covid-19-banner > *  {
	color: rgb(30,30,30);
}   

.btn, .button {
	/* text-decoration: none; */
	box-shadow: none;
}

.no-bullet > li {
	list-style-type: none;
}

#sidebar {
    position: -webkit-sticky;  // required for Safari
    position: sticky;
    top: 0; // required as well.
}

.bottom-separator{
	border-bottom:1px dotted #900;
	padding-bottom:70px;
}

.newspaper {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: #C00; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #C00; /* Firefox */
    column-rule-color: #C00;
}

.custom-button {
    color: rgba(204, 0, 0, 1);
    cursor: pointer;
    font-size: 2em;
    letter-spacing: .125em;
    background-color: rgba(255, 255, 255, 1);
    border: 4px solid rgba(204, 204, 204, 1);
    padding: 50px 0px 50px 0px;
    margin: 0px 35px 35px 25px;
    width: 100%;
    text-align: center;
    transition-timing-function: ease-out;
    transition: padding 0.4s, border .5s, color 0.3s, background-color 0.6s, margin 0.4s;
    /* font-size 0.5s, text-transform 0.6s */
}

.custom-button:hover {
    margin: -25px 0px -25px 25px;
    /* padding: 90px 0px 20px 0px; */
    border: 4px solid rgba(204, 0, 0, 1);
    /* font-size: 1.5em;
	text-transform: uppercase; */
}

.seminar-button {
    color: rgba(204, 0, 0, 1);
    cursor: pointer;
    font-size: 2em;
    letter-spacing: .125em;
    background-color: rgba(255, 255, 255, 1);
    border: 4px solid rgba(204, 204, 204, 1);
    padding: 50px 0px 50px 0px;
    margin: 0px 35px 35px 25px;
    width: 100%;
    text-align: center;
    transition-timing-function: ease-out;
    transition: padding 0.4s, border .5s, color 0.3s, background-color 0.6s, margin 0.4s;
    /* font-size 0.5s, text-transform 0.6s */
}

.seminar-button:hover {
    margin: -25px 0px -25px 25px;
    /* padding: 90px 0px 20px 0px; */
    border: 4px solid rgba(204, 0, 0, 1);
    /* font-size: 1.5em;
	text-transform: uppercase; */
}

@media screen and (min-width: 768px){
	.newspaper{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    	-moz-column-count: 2; /* Firefox */
    	column-count: 2;
	}
}

@media screen and (min-width: 1800px){
	.newspaper{
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
    	-moz-column-count: 3; /* Firefox */
    	column-count: 3;
	}
}

@media screen and (max-width: 1023px){
	.custom-button:hover{
		margin: 0px 35px 35px 25px;
		/* padding: 90px 0px 20px 0px; */
		border: none;
		color: rgba(204, 0, 0, 1);
		background-color: rgba(204, 204, 204, 1);
		/* font-size: 1.5em;
		text-transform: uppercase; */
	}
}

@media screen and (max-width: 1839px) and (min-width: 640px){
	.custom-button{
		font-size: 1.25em;
	}
}

@media screen and (min-width: 1840px){
	.custom-button{
		font-size: 2em;
	}
}

@media screen and (max-width: 1023px){
	#large-screen-buttons{
		display: none;
	}
}

@media screen and (min-width: 1024px){
	#medium-screen-buttons{
		display: none;
	}
}

/* Original Custom Button Idea 

.custom-button{
	color:white;
	cursor: pointer;
	font-size:2em;
	letter-spacing: .125em;
	text-transform: uppercase;
	background-color: #000;
	padding: 90px 0px 90px 0px;
	margin: 0px 35px 25px;
	width:100%;
	opacity: 0.7;
	text-align: center;
	transition-timing-function: ease-out;
	transition: padding 0.5s, font-size 0.5s, border .5s, opacity 0.9s, color 0.3s;
}

.custom-button:hover{
	padding: 100px 0px 100px 0px;
	font-size: 2.5em;
	border: 4px solid #C00;
	color: #C00;
	opacity: 1;
}

*/


/* Second Iteration

.custom-button{
	color: rgba(204, 0, 0, 1);
	cursor: pointer;
	font-size:2em;
	letter-spacing: .125em;
	background-color: rgba(204, 204, 204, 1);
	padding: 50px 0px 50px 0px;
	margin: 0px 35px 35px 25px;
	width:100%;
	text-align: center;
	transition-timing-function: ease-out;
	transition: padding 0.4s, border .5s, color 0.3s, background-color 0.6s, margin 0.4s;
}

.custom-button:hover{
	margin: -25px 0px -25px 25px;
	border: 4px solid rgba(204, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 1);

}


*/

@media screen and (min-width: 1245px){
	#twitter-widget-0{
		height: 1012px !important;
	}
}

@media screen and (min-width: 1300px){
	#twitter-widget-0{
		height: 1025px !important;
	}
}

@media screen and (min-width: 1380px){
	#twitter-widget-0{
		height: 1045px !important;
	}
}

@media screen and (min-width: 1675px){
	#twitter-widget-0{
		height: 1065px !important;
	}
}

@media screen and (min-width: 1720px){
	#twitter-widget-0{
		height: 1085px !important;
	}
}

@media screen and (min-width: 1775px){
	#twitter-widget-0{
		height: 1055px !important;
	}
}

@media screen and (min-width: 1800px){
	#twitter-widget-0{
		height: 1035px !important;
	}
}

@media screen and (min-width: 1945px){
	#twitter-widget-0{
		height: 1055px !important;
	}
}

@media screen and (min-width: 2020px){
	#twitter-widget-0{
		height: 1075px !important;
	}
}

@media screen and (min-width: 2160px){
	#twitter-widget-0{
		height: 1095px !important;
	}
}

@media screen and (min-width: 2320px){
	#twitter-widget-0{
		height: 1115px !important;
	}
}

@media screen and (min-width: 2320px){
	#twitter-widget-0{
		height: 1100px !important;
	}
}
