* {
	box-sizing: border-box; /* Turns off padding adding to width/height */
}

.center > * {
    margin: auto;
    text-align: center;
    padding: 0.25em;
}

#excel-embed {
    display: block;
}

p {
    font-size: 1.5em;
}

footer{ 
    text-align:center;
    font-size: 1.5em;
  position:fixed; 
  bottom:0; 
  left: 0;
  width:100%;
  background-color: #D0D0D0;
}

/* Heading */
div > h1 {
    text-align: center;
    font-size: 2.5em;
    font-weight: bolder;
    font-family: 'Oswald', sans-serif;
}

h2 {
    font-size: 2.5em;
}

h3 {
    font-size: 2em;
}

input {
    width: auto;
    min-width: 60ch;
}
  
/* Logo */
#logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 10em;
}


/* Main Menu */

#main-menu {
    background-color: #D0D0D0;
    border-radius: 1em;
    padding: 0.5em;
    
}

#main-menu ul {
	padding: 0.5em 0;
	text-align: center;
}

#main-menu li {
	list-style: none;
	padding: 0.1em 0.5em;
}

#main-menu a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.5em 1.5em;
	text-transform: uppercase;
    border-radius: 1em;
    font-weight: bold;
	text-shadow: #505050 0 1px 0;
}

#main-menu p {
    display: block;
    color: black;
    text-decoration: none;
    padding: 0.25em 1em;
    text-transform: uppercase;
    border-radius: 1em;
    font-weight: bold;
    text-shadow: #505050 0 1px 0;
}

#main-menu a:hover {
	background: #FFFFFF;
}


#main-menu li.current a {
	background: black;
	color: white;
    text-shadow: none;  
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

@viewport {
    width: device-width ;
    zoom: 1.0 ;
}

@media screen {
    .divPrintFooter {
      display: none;
    }
}

@media only screen and (min-width: 800px) {
    
    /* body div:first-child {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }  */

    /* div > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        flex: 1;
        padding: 0em 2em;
    } */
    
    /* Main Menu */

    #main-menu  {
        border-radius: 2em;
    }

	#main-menu ul {
		display: flex;
		justify-content: center;
		padding: 0em;
        text-align: left;
	}

    
	#main-menu li {
		padding: 0em 0.5em;
	} 

}



@media print {
    
    * { margin:0; padding:0; box-sizing:border-box; }
    
    div .labelpage{
        position: relative;
        page-break-after: always;
        page-break-inside: avoid;
    }
    
    .labelp{
        font-size: 1em;
    }
    
    #head, #main-menu{
        display: none;
    }

    .divPrintFooter {
        position: fixed;
        bottom: 0;
        right: 0;
      }
}