html{
 box-sizing:border-box;
}
*, *:before, *:after{

box-sizing:inherit;
}

body{
font-family: Courier New;
margin:0px;
/* padding:10px; */

/*background-image: linear-gradient(260deg, #2376ae 0%, #c16ecf 100%); 
background-image: linear-gradient(260deg, #2376ae 0%, #c16ecf 100%); 
background:url('../images/waves.gif') no-repeat;  */

       /* background-image: url("http://www.pngmet.gov.pg/images/waves.gif"); 
        background-repeat: no-repeat;
        background-size: cover; 
		background-size: 100% 100%;  */
}



.main_wrapper{
	max-width:1000px; /* max-width:1500px; */
    margin:0 auto;
}

.main_header{
	display:flex;
	background:rgba(0,0,0,0.2);
	/* font-family:Courier New;  */
	font: bold 25px Courier New;
    font-weight:900;
	justify-content:center;
	padding:10px;
	margin-bottom:0px;
	color:#FFFFFF;
	
}

.section_div{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
/* ================================= */
#div_header1{margin-bottom:1px;}
#div_header2{margin-bottom:50px;}
#div_header3{margin-bottom:1px;}
/* #div_header4{margin-bottom:1px;} */


/* ================================= */
.graphs{
	flex:1;
	
}
.header{
	display:flex;
	background:rgba(0,0,0,0.2);
	/* font-family:Courier New;  */
	font: bold 20px Courier New;
    font-weight:900;
	justify-content:center;
	padding:10px;
	color:#74138C;
	
}

.div_header{
	display:flex;
	justify-content:center;
	flex-direction:column;
	justify-content:center;
	/* margin-bottom:20px; */
	
	
	
}

section{
  
  /* background-image: linear-gradient(260deg, #00FFFF 0%, #008000 100%); */
  /* background:rgba(0,0,0,0.1); */ 
  /* margin:1px; */
  /* background: rgba(255, 255, 255, 0.5); */
  /* background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));  */
  background: rgba(0, 0, 0, 0.5);
 
  
}

#max_min_values{
	padding:10px;
	color:#C0C0C0;
	font: bold 20px Courier New;
    font-weight:900;
}