/* CSS Document */

@media all and (min-width: 300px) {

* {
	margin: 0px;
	padding: 0px;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*color: #333;*/
}
html {	
	height: 101%;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;	
	overflow-x: hidden;
	color: #333;
}

a {
	text-decoration: none;
	color: #09F;
}
a:visited {
	color: #09F;
}

/*#loading-gif-div {*/
/*    display: none;*/
/*    position: fixed; !* Changed from absolute to fixed *!*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0, 0, 0, 0.5); !* Semi-transparent background *!*/
/*    z-index: 9999; !* Ensure it's above everything *!*/
/*    text-align: center;*/
/*}*/

/*!* Spinner container to center the spinner vertically and horizontally *!*/
/*.spinner-container {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

/*!* Style for the spinner icon *!*/
/*#loading-gif-div .fa-spinner {*/
/*    font-size: 56px;*/
/*    color: white; !* Make spinner more visible *!*/
/*    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); !* Optional: add glow effect *!*/
/*}*/

/* For when you want to use an actual GIF image instead */
#loading-gif-div img {
    width: 80px;
}

}