#chart001 {
	margin-top: 50px;
}

.line1 {
    height: 20vw;
	max-height: 90px;
	background: #284c77;
	color: #ffffff;
	font-size: 90%;
	font-weight: 400;
	padding: 20px;
	border: 1px solid #ffffff;
}

.line2 {
    height: 20vw;
	max-height: 90px;
	background: #173a64;
	color: #ffffff;
	font-size: 90%;
	font-weight: 400;
	padding: 20px;
	border: 1px solid #ffffff;
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) {

#chart001 {
	width: 100%!important;
}
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (orientation: portrait) {

.line1 {
    height: 100%;
    max-height: 100%;
	font-size: 100%;
	padding: 40px;
}

.line2 {
    height: 100%;
    max-height: 100%;
	font-size: 100%;
	padding: 40px;
}
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (orientation: landscape) {

.line1 {
    height: 75vw;
	max-height: 250px;
	font-size: 100%;
	padding: 40px;
}

.line2 {
    height: 75vw;
	max-height: 250px;
	font-size: 100%;
	padding: 40px;
}
}