.piePercent {
    font-size: 32px;
  }
.fontTwentytwo {
  font-size: 22px;
}

body {
  margin-left: 1rem !important;
  margin-bottom: 1rem !important;
}

@media only screen and (max-width: 600px ) {

  #mobileView {
    display: all;
  }
  #desktopView {
    display: none;
  }

  body {
    margin: 0;
    padding: 0;
    height: 108vw;
  }

  #container {
    transform-origin: top left;
  }

  .mediaViewInfo {
		--web-view-name: CJ CF Mobile Graphic 1;
		--web-view-id: CJ_CF_Mobile_Graphic_1;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	:root {
		--web-view-ids: CJ_CF_Mobile_Graphic_1;
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border: none;
	}
	#CJ_CF_Mobile_Graphic_1 {
		position: absolute;
		width: 330px;
		height: 390px;
		background-color: rgba(255,255,255,1);
		overflow: hidden;
		--web-view-name: CJ CF Mobile Graphic 1;
		--web-view-id: CJ_CF_Mobile_Graphic_1;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	#Rectangle_25 {
		fill: rgba(205,225,236,1);
	}
	.Rectangle_25 {
		position: absolute;
		overflow: visible;
		width: 6px;
		height: 390px;
		left: 9px;
		top: 0px;
	}
	#Color_of_Change_President_Rash {
		left: 47.5px;
		top: 304.5px;
		position: absolute;
		overflow: visible;
		width: 211px;
		white-space: nowrap;
		line-height: 22px;
		margin-top: -3.5px;
		text-align: left;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 15px;
		color: rgba(64,101,140,1);
	}
	#The_system_is_not_broken_it_is {
		left: 48.017px;
		top: 23px;
		position: absolute;
		overflow: visible;
		width: 264px;
		white-space: nowrap;
		line-height: 30px;
		margin-top: -5px;
		text-align: left;
		font-family: Roboto Slab;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		color: rgba(28,54,100,1);
	}
	#_ {
		left: 33.017px;
		top: 23px;
		position: absolute;
		overflow: visible;
		width: 20px;
		height: 29px;
		line-height: 30px;
		margin-top: -5px;
		text-align: left;
		font-family: Roboto Slab;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		color: rgba(28,54,100,1);
	}
}



@media only screen and (min-width: 601px ) {

  #mobileView {
    display: none;
  }
  #desktopView {
    display: all;
  }

  body {
    margin: 0;
    padding: 0;
    height: 40vw;
  }

  #container {
    transform-origin: top left;
  }

  .mediaViewInfo {
		--web-view-name: CJ CF graphic 1;
		--web-view-id: CJ_CF_graphic_1;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	:root {
		--web-view-ids: CJ_CF_graphic_1;
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border: none;
	}
	@keyframes fadein {

		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}

	}
	#CJ_CF_graphic_1 {
		position: absolute;
		width: 635px;
		height: 328px;
		background-color: rgba(255,255,255,1);
		overflow: hidden;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: CJ_CF_graphic_2.html;
		cursor: pointer;
		--web-view-name: CJ CF graphic 1;
		--web-view-id: CJ_CF_graphic_1;
		--web-scale-on-resize: true;
		--web-enable-deep-linking: true;
	}
	#Rectangle_25 {
		fill: rgba(205,225,236,1);
	}
	.Rectangle_25 {
		position: absolute;
		overflow: visible;
		width: 10px;
		height: 261px;
		left: 37px;
		top: 34px;
	}
	#The_system_is_not_broken_it_is {
		left: 93px;
		top: 58px;
		position: absolute;
		overflow: visible;
		width: 506px;
		white-space: nowrap;
		line-height: 32px;
		margin-top: -5px;
		text-align: left;
		font-family: Roboto Slab;
		font-style: normal;
		font-weight: bold;
		font-size: 22px;
		color: rgba(28,54,100,1);
	}
	#Color_of_Change_President_Rash {
		left: 93px;
		top: 234px;
		position: absolute;
		overflow: visible;
		width: 354px;
		white-space: nowrap;
		line-height: 22px;
		margin-top: -3px;
		text-align: left;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		color: rgba(64,101,140,1);
	}
	#_ {
		left: 81px;
		top: 58px;
		position: absolute;
		overflow: visible;
		width: 20px;
		white-space: nowrap;
		line-height: 32px;
		margin-top: -5px;
		text-align: left;
		font-family: Roboto Slab;
		font-style: normal;
		font-weight: bold;
		font-size: 22px;
		color: rgba(28,54,100,1);
	}
}