@charset "utf-8";
/* CSS Document */

/*Declare font family source*/
@font-face {
  font-family: Fredoka, Montserrat, sans-serif; 
  src: url('Fredoka.ttf') format('truetype'); 
}

/* Set the height and width of the page to be 100% of the viewport */
html, body {
  font: 100% Fredoka, Open Sans Condensed, arial, sans-serif;
  height: 40em;
  
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
  background-image: url('./images/tpl_logo_parking.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#Container {
	width: 100%;
	background-repeat: repeat-x;

    margin: 0 auto;
    padding: 0 0 40px;
    overflow: hidden;
}


h1, h2
{
	padding: 0px;
	font-size: 3em;	

}

p
{
	margin: 0px;
	font-size: 1.5em;	
	padding-bottom: 15px;
}

#items
{
	font-size: 1em;
	margin-top: 0px;
	margin-left: 35px;
	text-align: left;

}

.item
{
	padding: 10px;
	margin-bottom: 90px;	
    text-align: left;

}

.item p
{
	font-size: 1.5em;
	font-size: calc(10px + 1vmax);	
	padding-left: 3px;
}

.links
{
	padding: 10px;
	margin-bottom: 15px;	
    text-align: left;

}


.links p
{
	font-size: 1.5em;
	font-size: calc(10px + 1vmax);	
	padding-left: 3px;
	padding-bottom: 0px;
}

.responsive-image
{
    width:100%;
    max-width: 100%;
}

a
{
	color: #363636;
	text-decoration: none;
}


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

a:hover
{

	color: #fff3d0;
}

a:hover:visited
{
	color: #fff3d0;
	text-decoration: none;
}

#Footer
{
	position: absolute; 
	bottom: 0;
	right: 0;
	margin-top: 60px;
	margin-left: 35px;
	margin-right: 65px;
	padding-bottom: 5px;
	font-size: .9em;
	color: #363636;
	text-align: right; 
}