:root {
  --heightMenu:   10vw;
  --borders: 0px solid blue;
  --screenwidth: 97vw;
}

body {
	font-family:	arial;
	background-color: white;
}

.clH1 {	font-size: calc((var(--heightMenu))/2);}
.clH2 {	font-size: calc((var(--heightMenu))/2.5);}
.clH3 {	font-size: calc((var(--heightMenu))/3);}


p {
  padding: 0px;
  margin: 0;
  margin-top: 0.5vw;
}

button {
  font-size: calc((var(--heightMenu))/2);
  background-color: #FFFFC9;
  border: var(--borders);
}



.clMenu {
	width: var(--screenwidth);
	height: var(--heightMenu);
	display: flex;
	padding: 0px;
	background-color: white;
	margin-top: 20px;
	border: var(--borders);
}
.clitMenu:nth-child(n) {
	width: 27.3vw;
	height: 100%;
	display: flex;
	justify-content: center;
	margin-left: 3vw;
	margin-right: 3vw;
	padding: 0px;
	border: var(--borders);
}

.clHeading {
	width: var(--screenwidth);
	height: 20vw;
	display: flex;
	padding: 0px;
	background-color: white;
	margin-top: 10px;
	border: var(--borders);
}
.clitHeading:nth-child(1) {
	width: 30vw;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	border: var(--borders);
	margin-left: 1vw;
	margin-right: 1vW;
}
.clitHeading:nth-child(2) {
	width: 70vw;
	height: 100%;
	border: var(--borders);
}

.clParticulars {
	width: var(--screenwidth);
	height: 65vw;
	display: flex;
	padding: 0px;
	background-color: white;
	margin-top: 10px;
	border: var(--borders);
}
.clitParticulars:nth-child(1) {
	width: 70vw;
	height: 100%;
	font-size: calc((var(--heightMenu))/3);
	border: var(--borders);
}
.clitParticulars:nth-child(2) {
	width: 30vw;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	border: var(--borders);
	margin-left: 1vw;
	margin-right: 1vw;
}



.clSizeLogo {
	height: 18vw;
}
.clSizePhotoPP {
	height: 35vw;
	margin-top: 6vw;
	margin-right: 1vw;
}
.clCompName {
	font-size: calc((var(--heightMenu))/4);
	font-weight: bold;
	margin-top: 2.5vw;
}
.clCompMission {
	font-size: calc((var(--heightMenu))/4.5);
}
.clContent {
	margin-left: 1vw;
}