.content
{
	width: 100vw;
	min-height: 80vh;
}
#topIconsContainer{
	width: 100vw;
    height: 4em;
	background-color: #3498db;
}
.testCont{
    display: flex;
    width: 80%;
    margin: auto;
	height: inherit;
    align-items: center;
    gap: 0.3em;
}
.topIconHolder{
    position: relative;
    min-width: 2em;
    height: 2em;
}
#topIconSpacer{
    flex-grow: 1;   
}
.topIconHolder button{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    background: transparent;
    border-radius: 50%;
    opacity: 0.8;
    transition: background-color 0.3s;
	background: rgb(38, 129, 190);
  
}
.topIconHolder button:hover {
    opacity: 1;
	background: rgba(255, 255, 255, .6);
}
.topIconHolder button img{
    width: 1.4em;
    height: 1.2em;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
	
}
.topIconHolder button:hover img{
    opacity: 1;
	filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(86deg) brightness(118%) contrast(119%);
}


.scrollBtnHided{
	
	visibility: hidden; 
	opacity: 0;
}
.scrollBtnVisible{
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	overflow: hidden;
	transition: opacity 1s;
	background: none;
}


#scrollUpImg{
	 /* Hidden by default */
	width: 25px;
	height: 25px;
	padding: 15px; /* Some padding */
	overflow: hidden;
    border-radius: 50%;   
    transition: background-color 0.3s;
    background: rgba(52, 152, 219, 0.8);

}


.browser_icon_64
{
	width: 2em;
    height: 2em;
}
.download_google_play_img_link
{
	display: block;
	height: 3em;
	width: auto;
}
.flex_box_horizontal
{
	width: 80vw;
	margin: 0px auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
}
.flex_box_horizontal div
{
	padding:1em;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;

}

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

	.flex_box_horizontal
	{
		display: block;
		width: 90vw;
		margin: 0px auto;
	}
	.flex_box_horizontal div
	{
		display: block;

	}
}