* {
	box-sizing: border-box;
	
}
body {
	text-align: center;
    font-family: Arial;
	width: 100%;
	margin: 0;
	


	
}


.form-label {
	padding: 5px;
}

.form-check-label {
	padding: 5px;
}


#Logo {
	max-width:100%;
	min-width:300px;

}

.form-outline-mb-4 {
	max-height:100px;
}

.mb-5 {
	max-height: 1px;
}

.vh-100 {
	width: 100%;
	min-width: 400px;
	
}

.chartsection {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 450px;

	
  }


.report {
	position: relative;
	margin: auto; 
	width: 100%;

}

section {
	width: 100%;

}

@media only screen and (min-width: 300px) {
	section {
		padding: 2.5rem 0;
		max-width: calc(770px - 50px);
		margin: 0 auto;

	}
	
}
@media only screen and (min-width: 992px) {
	section {
		max-width: calc(992px - 50px);
	}
}
@media only screen and (min-width: 1200px) {
	section {
		max-width: calc(1200px - 50px);
	}
}