h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 400;
}

#app {padding-top:20px; max-width:1000px;}

.text-center{
  text-align:center;
}

.container {
  display: block;
  margin:0 auto;
  position: relative;
  width: 1000px;
}

.ToggleTwoContainer{
  position:relative;
  width:1000px;
}

.TogglePinnacleLogo{
  position: absolute;
  left: 232px; top: 228px;
}

.TogglePinnacleLogo{
  position: absolute;
  left: 232px; top: 228px;
  width: 17%;
}
.TogglePinnacleText{
  width: 195px;
  position: absolute;
  left: 222px;
  top: 361px;
  font-family: Times New Roman;
  line-height: 19px;
  font-size: 18px;
  color: white;
}
.ToggleSummitLogo{
  position: absolute;
  top: 259px; left: 601px;
  width: 15%;
}
.ToggleSummitText{
  width: 200px;
  position: absolute;
  left: 578px; top: 390px;
  font-family: Times\ New\ Roman;
  line-height: 18px;
  font-size: 17px;
  color: #fff;
}

h1 {line-height:68px;font-size:60px;}
h2 {margin: 0px;line-height:60px;font-weight:300;font-style: italic;font-size: 60px;}
h3 {margin: 0px;font-size:35px;line-height: 35px;}
h4 {margin: 0px;font-size:17px;line-height: 17px;}
h5 {margin: 0px;font-size:24px;line-height: 24px;}

.header {
  height:60px;
  margin: auto;
  padding-bottom:10px;
  padding-top:10px;
}

body, html{
  margin:0px;
  font-family: 'Source Sans Pro', sans-serif;
  overflow-y: auto;
  margin: 0;
  width: 100%;
  background-color: #ffffff;
  scroll-behavior: smooth;
}

.hidden {
  display: none !important;
}

.employee-manager-wall-plaque-logo {
  position: absolute;
  width: 53px;
  left: 440px;
  top: 74px;
}

.employee-manager-wall-plaque-text {
  position: absolute;
  font-family: Times New Roman;
  line-height: 5px;
  font-size: 5px;
  color: #fceab1;
  left: 512px;
  top: 81px;
}

.employee-manager-award-logo {
  position: absolute;
  left: 475px;
  top: 304px;
  width: 4%;
}

.employee-manager-award-text {
  position: absolute;
  width:60px;
  font-family: Times New Roman;
  left: 465px;
  top: 339px;
  line-height: 5px;
  font-size: 5px;
  color: white;
}

.top-fold{
  width: 100%;
  background-image: linear-gradient(to top, rgba(172, 172, 172, 1), rgba(255, 255, 255, 1));
}

.manager-employee-wrap{
  position:relative;
  width: 800px;
  height: 576px;
  margin: 0 auto;
}

.topAwardLogo{
  position:absolute;
  left: 401px; top: 328px;
}

.topAwardText{
  position: absolute;
  color: white;
  width: 100px;
  text-align: center;
  font-family: Times New Roman;
  left: 389px;
  top: 380px;
  font-size: 8px;
}

/* commonly used css */

.wall-plaque-logo {
  position: absolute;
  width: 8%;
  left: 60px;
  top: 82px;
}

.wall-plaque-text {
  width: 92px;
  position: absolute;
  line-height: 9px;
  font-family: "Times New Roman";
  font-size: 8px;
  color: #fceab1;
  left: 145px;
  top: 93px;
}

.acrylic-year-end-logo {
  position:absolute;
  width: 9%;
  left: 208px;
  top: 256px;
}

.acrylic-year-end-text {
  position:absolute;
  left: 251px;
  top: 381px;
  width: 120px;
  height: 50px;
  margin-left: -60px;
  font-size: 6.5px;
  line-height: 6.5px;
  font-family: "Times New Roman";
  color: white;
  letter-spacing: -0.2px;
}


/* pinnacle specific css */

.pinnacle-logo{position:absolute; width:6%}
.pinnacle-text{
  position:absolute; 
  width: 120px;
  height: 50px;
  margin-left: -60px;
  font-size: 6.5px;
  line-height: 6.5px;
  font-family: "Times New Roman";
  color: white;
  letter-spacing: -0.2px;
}

.pinnacle-logo-1 { top: 157px; left: 353px; }
.pinnacle-logo-2 { top: 138px; left: 465px; }
.pinnacle-logo-3 { top: 126px; left: 574px; }
.pinnacle-logo-4 { top: 98px;  left: 682px; }
.pinnacle-logo-5 { top: 79px;  left: 788px; }
.pinnacle-logo-6 { top: 57px;  left: 891px; }
.pinnacle-logo-7 { top: 322px; left: 353px; }
.pinnacle-logo-8 { top: 300px; left: 463px; }
.pinnacle-logo-9 { top: 285px; left: 577px; }
.pinnacle-logo-10 { top: 263px; left: 684px; }
.pinnacle-logo-11 { top: 240px; left: 794px; }
.pinnacle-logo-12 { top: 220px; left: 899px; }

.pinnacle-text-1 { top: 203px; left: 387px; }
.pinnacle-text-2 { top: 183px; left: 497px; }
.pinnacle-text-3 { top: 170px; left: 608px; }
.pinnacle-text-4 { top: 142px; left: 716px; }
.pinnacle-text-5 { top: 124px; left: 824px; }
.pinnacle-text-6 { top: 104px; left: 926px; }
.pinnacle-text-7 { top: 369px; left: 386px; }
.pinnacle-text-8 { top: 349px; left: 497px; }
.pinnacle-text-9 { top: 337px; left: 606px; }
.pinnacle-text-10 { top: 309px; left: 718px; }
.pinnacle-text-11 { top: 287px; left: 825px; }
.pinnacle-text-12 { top: 268px; left: 929px; }


/* summit specific css */

.summit-logo{position:absolute; width:6%}
.summit-text{
  position:absolute; 
  width: 120px;
  height: 50px;
  margin-left: -60px;
  font-size: 6.5px;
  line-height: 6.5px;
  font-family: "Times New Roman";
  color: white;
  letter-spacing: -0.2px;
}

.summit-logo-1  { top: 148px; left: 369px; }
.summit-logo-2  { top: 134px; left: 478px; }
.summit-logo-3  { top: 115px; left: 588px; }
.summit-logo-4  { top: 93px;  left: 696px; }
.summit-logo-5  { top: 75px;  left: 802px; }
.summit-logo-6  { top: 57px;  left: 909px; }
.summit-logo-7  { top: 310px; left: 356px; }
.summit-logo-8  { top: 294px; left: 467px; }
.summit-logo-9  { top: 273px; left: 577px; }
.summit-logo-10 { top: 254px; left: 687px; }
.summit-logo-11 { top: 233px; left: 795px; }
.summit-logo-12 { top: 215px; left: 900px; }

.summit-text-1  { top: 199px; left: 396px; }
.summit-text-2  { top: 183px; left: 507px; }
.summit-text-3  { top: 163px; left: 617px; }
.summit-text-4  { top: 143px; left: 725px; }
.summit-text-5  { top: 124px; left: 830px; }
.summit-text-6  { top: 107px; left: 937px; }
.summit-text-7  { top: 364px; left: 386px; }
.summit-text-8  { top: 348px; left: 497px; }
.summit-text-9  { top: 327px; left: 608px; }
.summit-text-10 { top: 306px; left: 717px; }
.summit-text-11 { top: 286px; left: 824px; }
.summit-text-12 { top: 267px; left: 931px; }


/* inspire specific css */

.inspire-logo{position:absolute; width:8%}
.inspire-text{
  position:absolute; 
  width: 120px;
  height: 50px;
  margin-left: -60px;
  font-size: 6.5px;
  line-height: 6.5px;
  font-family: "Times New Roman";
  color: white;
  letter-spacing: -0.2px;
}

.inspire-logo-1  { left: 346px; top: 285px; }
.inspire-text-1  { left: 386px; top: 350px; }

.inspire-logo-2  { left: 457px; top: 270px; }
.inspire-text-2  { left: 498px; top: 331px; }

.inspire-logo-3  { left: 566px; top: 250px; }
.inspire-text-3  { left: 607px; top: 310px; }

.inspire-logo-4  { left: 675px; top: 232px; }
.inspire-text-4  { left: 714px; top: 291px; }

.inspire-logo-5  { left: 783px; top: 211px; }
.inspire-text-5  { left: 823px; top: 269px; }

.inspire-logo-6  { left: 891px; top: 191px; }
.inspire-text-6  { left: 932px; top: 249px; }

.inspire-logo-7  { left: 353px; top: 132px; }
.inspire-text-7  { left: 394px; top: 190px; }

.inspire-logo-8  { left: 464px; top: 117px; }
.inspire-text-8  { left: 502px; top: 171px; }

.inspire-logo-9  { left: 573px; top: 98px; }
.inspire-text-9  { left: 612px; top: 152px; }

.inspire-logo-10 { left: 683px; top: 79px; }
.inspire-text-10 { left: 723px; top: 135px; }

.inspire-logo-11 { left: 791px; top: 60px; }
.inspire-text-11 { left: 830px; top: 113px; }

.inspire-logo-12 { left: 899px; top: 40px; }
.inspire-text-12 { left: 939px; top: 96px; }


/* quarterly specific css */

.quarterly-wall-plaque-text {
  position: absolute;
  width: 100px;
  color: #fceab1;
  font-size: 10px;
  top: 97px;
  left: 129px;
}

.quarterly-wall-plaque-logo {
  position: absolute;
  top: 23%;
  left: 5.2%;
  width: 7%;
}

.quarterly-aye-logo{
  position:absolute;
  left: 221px;
  top: 196px;
  width: 10%;
}

.quarterly-aye-text{
  position:absolute;
  font-family: 'Times New Roman';
  left: 231px;
  top: 270px;
  color: white;
  font-size: 8px;
}

.quarterly-logo{
  position: absolute;
  width: 8%;
}

.quarterly-text{
  position: absolute;
  font-family: Times New Roman;
  font-size: 10px;
  color: #ffffff;
}

.yearEndLogoWalmart{
  position:absolute;
  left: 371px;
  top: 239px;
}

.yearEndTitleWalmart{
  font-size: 6px;
  text-align: center;
  position: absolute;
  left: 539px;
  top: 288px;
  font-family:'Times New Roman';
  color:white;
}

.quarterly-pinnacle-logo-1 { top: 251px; left: 420px; }
.quarterly-pinnacle-logo-2 { top: 212px; left: 567px; }
.quarterly-pinnacle-logo-3 { top: 180px; left: 717px; }
.quarterly-pinnacle-logo-4 { top: 142px; left: 862px; }

  .quarterly-pinnacle-text-1 { top: 307px; left: 420px; }
.quarterly-pinnacle-text-2 { top: 271px; left: 567px; }
.quarterly-pinnacle-text-3 { top: 232px; left: 714px; }
.quarterly-pinnacle-text-4 { top: 199px; left: 861px; }

.quarterly-summit-logo-1 { top: 251px; left: 420px; }
.quarterly-summit-logo-2 { top: 212px; left: 568px; }
.quarterly-summit-logo-3 { top: 180px; left: 727px; }
.quarterly-summit-logo-4 { top: 142px; left: 886px; }

  .quarterly-summit-text-1 { top: 307px; left: 414px; }
.quarterly-summit-text-2 { top: 274px; left: 566px; }
.quarterly-summit-text-3 { top: 245px; left: 723px; }
.quarterly-summit-text-4 { top: 208px; left: 883px; }

.four-columns {display: flex;}
.appLeft {padding-top:20px;float:left;width:50%;}
.appRight {float:right;width:50%;}
.column {flex: 1; margin: 0px; padding: 0px; border: 1px solid #ffffff;}

.truckAwardsLogo1{left:41.2%; top:32.8%}
.truckAwardsText1{left:38.5%; top:32%}
.truckAwardsLogo2{left:52%; top:16.1%}
.truckAwardsText2{left:49.5%; top:16.0%}
.truckAwardsLogo3{left:46.3%; top:55.8%}
.truckAwardsText3{left:43.8%; top:55.6%}
.truckAwardsLogo4{left:58.0%; top:40.0%}
.truckAwardsText4{left:55.5%; top:39.8%}
.truckAwardsLogo5{left:69.0%; top:23.1%}
.truckAwardsText5{left:66.5%; top:23.1%}
.truckAwardsLogo6{left:81.0%; top:7.3%}
.truckAwardsText6{left:78.5%; top:7.1%}
.truckAwardsLogo7{left:53.3%; top:78.8%}
.truckAwardsText7{left:50.8%; top:78.0%}
.truckAwardsLogo8{left:64.1%; top:62.2%}
.truckAwardsText8{left:61.6%; top:62.0%}
.truckAwardsLogo9{left:75.4%; top:45.9%}
.truckAwardsText9{left:72.9%; top:45.1%}
.truckAwardsLogo10{left:87.3%; top:30.2%}
.truckAwardsText10{left:84.4%; top:29.4%}
.truckAwardsLogo11{left:81.0%; top:71.8%}
.truckAwardsText11{left:78.5%; top:71.0%}
.truckAwardsLogo12{left:93.0%; top:54.8%}
.truckAwardsText12{left:90.0%; top:54.8%}

.UnifirstTruckLogo{position:absolute; width:7%}
.UnifirstTruckText{
  position:absolute;
  width:120px;
  height:50px;
  margin-left: -60px;
  font-family: Arial;
  line-height: 6px;
  font-size:5.2px;
  color:white;
}
.truckLogo{position:absolute; width:5%}
.truckText{
  position:absolute;
  width:120px;
  height:50px;
  margin-left: -60px;
  font-family:Times New Roman;
  line-height: 6px;
  font-size:5.2px;
  color:black;
}
.threeAwardsPinnacleLogo{
  position: absolute;
  left:31.6%;
  top:211px;
  width:12%;
}
.threeAwardsPinnacleText{
  width:172px;
  position: absolute;
  left:28.9%;
  top:300px;
  font-family:Times New Roman;
  line-height:14px;
  letter-spacing: -.5px;
  font-size:15px;
  color:white;
}
.threeAwardsTruckLogo{
  position: absolute;
  width:11%;
  top:36%;
  left:55.8%;
}
.threeAwardsTruckText{
  width:145px;
  position: absolute;
  left:53.9%;
  top:56%;
  line-height:12px;
  font-family:Times New Roman;
  font-size:12px;
  color: black;
}
.threeAwardsSummitLogo{
  position: absolute;
  width:11%;
  top:36%;
  left:55.8%;
}
.threeAwardsSummitText{
  width:145px;
  position: absolute;
  left:53.9%;
  top:56%;
  line-height: 18px;
  font-family: Times New Roman;
  font-size: 14px;
  color:#a28e69;
}


@media (max-width: 1000px) {

  .top-fold{width:1000px}

}

#FiveAwardsVanText{
  position:absolute;
  font-family:Times New Roman;
  font-size:8px;
  color:#29007C;
  left: 235px;
    top: 228px;
  transform-style: preserve-3d;
  transform: rotateY(1.5deg);
}

#FiveAwardsVanLogo{
  position:absolute;
  left: 313px;
  top: 218px;
  width:8%
}

#FiveAwardsPinnacleLogo{
  position: absolute;
  left: 59px;
  top: 177px;
  width: 8%;
}

#FiveAwardsPinnacleText{
  position:absolute;
  font-family:Times New Roman;
  font-size:8px;
  color:white;
  width: 81px;
  left: 55px;
  top: 241px;
  transform-style:preserve-3d;
  transform: rotateY(1.5deg);
}

#FiveAwardsAirplaneTitle{
  position:absolute;
  font-family:Times New Roman;
  font-size:6px;
  line-height: 6px;
  color:#29007C;
  left: 501px;
  top: 252px;
}

#FiveAwardsAirplaneName{
  position:absolute;
  font-family:Times New Roman;
  font-size:10px;
  color:#29007C;
  left: 489px;
  top: 310px;
}

#FiveAwardsSemiTitle{
  position:absolute;
  font-family:Times New Roman;
  font-size:6px;
  line-height:6px;
  color:#29007C;
  left: 635px;
  top: 275px;
}

#FiveAwardsSemiName{
  position:absolute;
  font-family:Times New Roman;
  font-size:11px;
  color:#29007C;
  left: 738px;
  top: 300px;
  transform-style: preserve-3d;
  transform: rotateY(-1.5deg);
}

#FiveAwardsSummitLogo{
  position: absolute;
  left: 887px;
  top: 170px;
  width: 7%;
}


#FiveAwardsSummitText{
  position:absolute;
  left:883px;
  top:236px;
  width: 74px;
  font-family: Times New Romans;
  font-size:8px;
  color: white;
}

#FiveAwardsSummitName {
  position: absolute;
  width: 100px;
  left: 871px;
  top: 309px;
  font-family: Times New Romans;
  font-size: 8px;
  color: white;
}

.yearEndLogoFedex{
  position:absolute;
    left: 334px;
    top: 299px;
}

.yearEndTitleFedex{
  font-size: 6px;
  text-align: center;
  position: absolute;
  left: 506px;
    top: 339px;
  font-family:'Times New Roman';
  color:white;
}

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

  #FiveAwardsAirplaneTitle{
    font-size:4px;
    line-height: 4px;
    left:50.3%;
    top:57.1%;
  }

  #FiveAwardsPrismText{
    top:60%;
  }


  #FiveAwardsSemiTitle {
    font-size: 5px;
    line-height: 4px;
    top:66%; 
  }

}