body {
font-family: "Calibri Light";
}

.page_content
{
    top: 5vh;
  display: inline-block;

}

.grid-container {
    height: 90vh;
    max-height: 648px;
    min-height: 600px;
    width: 800px;
    display: grid;
    grid-template-columns: 200px 3fr;
    grid-template-rows: 1fr;
    grid-template-areas: "g_left g_right";
    
      position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.g_left { 
    grid-area: g_left;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 200px 10fr 30px 30px 30px 5fr;
    grid-row-gap: 2px;
    justify-items: stretch;
    align-items: stretch;
    background-color: rgba(255, 255, 255, 0.4);
}

.l_menu_item {
    background-color: #6CA603;/*#77a6bf;*/

    
    font-size:16pt;
}

.l_menu_item span{
    color:white;
}

.l_menu_item:hover {
    background-color: #5A8C00;/*#3C7391;*/
    cursor: pointer;
}

.g_right {
    grid-area: g_right;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 48px 12fr;
    grid-template-areas: "r_top" "r_main";
    overflow: hidden; /* Hide scrollbars */
}

.r_top { 
    grid-area: r_top; 
    background-color: rgba(255, 255, 255, 0.95);
	line-height: 40px;
	text-align: left;
	font-size:22pt;
    font-family: "Calibri Light";
}

.r_top span:first-child {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-left: 20px;
}
.r_top span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-left: 5px;
}

.r_main {
    grid-area: r_main;
    background-color: rgba(255, 255, 255, 0.85);
    text-align:left;
    overflow:hidden;
    padding: 20px 20px 20px 20px;
}

.r_main span {
    margin-top: 1%;
    margin-left: 4%;
    margin-right: 3%;
    line-height: 1.6;
    font-family: "Calibri Light";
    font-size:12pt;
}


.r_main1 {
    grid-area: r_main1;
    background-color: rgba(255, 255, 255, 0.9);
    text-align:left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    justify-items: stretch;
    align-items: stretch;
}

.r_main img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
/*
.r_main1 div:first-child {
    margin-top: 3%;
    margin-left: 4%;
    margin-right: 3%;
    line-height: 1.6;
    font-family: "Calibri Light";
    font-size:12pt;
}

.r_main1 div:nth-child(2) {
    margin-top: 3%;
    margin-left: 4%;
    margin-right: 3%;
    line-height: 1.6;
    font-family: "Calibri Light";
    font-size:12pt;
}

.r_main1 div:nth-child(2) img {
    max-width:300px;
    height:auto;
}
*/
.page-1 {
    display:none;
}
.page-2 {
    display:none;
}
.page-3 {
    display:none;
}
.page-4 {
    display:none;
}
.page-5 {
    display:none;
}
.page-6 {
    display:none;
}


#myImg {
  border-radius: 5px;
}


 .leader_container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 3fr;
    grid-column-gap: 20px
    grid-row-gap: 20px
    justify-items: stretch
    align-items: stretch
 }


.fake_trigger_in {
  /* rotate trigger on hover */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fake_trigger_out {
  /* rotate trigger on hover */
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}