#wrapper {
        margin: auto;
        width: 60%;
        border: 1px solid #000033;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 190px auto;
    }

.content main {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
    }

		
            
            #informaticslogo {
                width: 40%;
                margin-left: 30%;
                margin-right: 30%;
				padding-top:10px
            }

            hr {
                width: 80%;
                background-color: #888888;
				float: left;
            }
            
            header{background-color: #F7A800; 
				   color:#FFFFFF;
				   text-align: center;
                   grid-row: 1/2;
                   grid-column: 1/3;
    }
           		
            header h1 {
                font-family: Helvetica, sans-serif;
				 margin-bottom: 0;
				margin-top: 0;
				padding-bottom: 0.5em;
            }
            
            fieldset {
                margin-bottom: 2%;
                border: none;
            }

			 
            
            #part1 {display: grid;
          grid-gap: 1em;
          grid-template: 6em 1fr;
          grid-template-rows: auto;
          width: 60%;
		display:flex;
      flex-direction: column;
				
            }
            
            #part2 {
                float: left;
                width: 45%
            }
			#part3 {
				float: left;
				width: 80%;
                margin-left: auto;
			margin-right: auto;}
            
            #part4 {display: grid;
          grid-gap: 1em;
          grid-template: 6em 1fr;
          grid-template-rows: auto;
          width: 60%
            }
            
          input[type="submit"] {grid-column:2/3;
                          width: 9em;
						  padding-top:5px;
						  padding-bottom: 5px;
						  padding-left: 5px;}          
}

            #rangevalue {
                width: 2em;
            }
  
			label {padding-top: 0px;
				padding-bottom: 5px;}