div.streamcol {
	width: 33%;
	display: inline-block;
}

div.mobilecol {
	width: 33%;
	display: inline-block;
}

@media only screen and (max-width: 1500px) {
	img {
	max-width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	div.mobilecol{
	width: 100%;
	margin: auto !important;
	text-align: center;
	}
	
	p.mobilecol{
	width: 100%;
	margin: auto !important;
	text-align: center;
	}
	
	h3.mobilecol{
	width: 100%;
	margin: auto !important;
	text-align: center !important;
	}
	
	h5.mobilecol{
	width: 100%;
	margin: auto !important;
	text-align: center !important;
	}
	
	img.mobilecol{
	width: 100%;
	margin: auto !important;
	text-align: center !important;
	}
}

@media screen and (min-width: 814px){
	
	div.smallscreen{
		display: none;
	}
}

@media screen and (min-width: 767px) and (max-width: 814px) {
	
	a.smallscreen{
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}

@media screen and (max-width: 767px) {
	
	div.smallscreen{
		display: none;
	}
}

@media screen and (min-width: 1) and (max-width: 768px) {

	a.mobilelink{
	color: #6441a4;
	font-size: 20px;
	font-family: Poppins, sans-serif; 
	font-weight: bold;
	margin-bottom: 66px;
	}
	a.mobilelink:hover {
	color: #f2b847;
	text-decoration: none;
	}

	a.mobilenav{
	color: #f2b847;
	font-size: 15px;
	font-family: Poppins, sans-serif;
	}
	a.mobilenav:hover {
	color: #37434d;
	text-decoration: none;
	}
}

@media screen and (min-width: 768px) {

	div.mobilediv{
	display: none;
	}
}

@media screen and (min-width: 1500px) {

	div.carouselmobilediv{
	display: none;
	}
}

@media screen and (max-width: 1500px) {

	div.carouselhiddenformobile{
	display: none;
	}
}

@media screen and (max-width: 813px) {

	nav.hiddenformobile{
	display: none;
	}

	div.hiddenformobile{
	display: none;
	}
}

@media screen and (max-width: 1500px) {

	div.fukihiddenformobile{
		display: none;
	}

	div.streamcol {
	width: 90%;
	margin: auto;
	}
}

@media screen and (max-width: 813px) {
	.topbutton {
		display: none;
		background-color: #FF9800;
		font-size: 20px;
		width: 60px;
		height: 40px;
		text-align: center;
		border-radius: 4px;
		position: fixed;
		bottom: 3%;
		right: 3%;
		opacity:0.5;
		transition: background-color .3s, 
		opacity .5s, visibility .5s;
		z-index: 1000;
	}
	
	.topbutton:hover {
	background-color: #555; /* Add a dark-grey background on hover */
	}
}

@media screen and (min-width: 812px) {
	.topbutton {
		display: none;
		background-color: #FF9800;
		font-size: 40px;
		width: 70px;
		height: 70px;
		text-align: center;
		border-radius: 4px;
		position: fixed;
		bottom: 5%;
		right: 2%;
		opacity:0.5;
		transition: background-color .3s, 
		opacity .5s, visibility .5s;
		z-index: 1000;
	}
	
	.topbutton:hover {
		background-color: #555; /* Add a dark-grey background on hover */
	}
}


.historybutton{
	margin-left:12px; 
	color:black; 
	text-decoration: underline; 
	background-color: white; 
	border: 2px solid #f2b847; 
	padding: 10px 20px;  
	text-align: center;  
	text-decoration: none; 
	display: inline-block;
}

.historybutton:hover, .historybutton:active {
  background-color: #f2b847;
  color: white;
}