body {
        box-sizing: border-box;
        
         
    }





    

/* MOBILE MEDIAQUERY STYLE  MOBILE MEDIAQUERY STYLE MOBILE MEDIAQUERY STYLE */ 

@media (max-width: 480px) {
     


body {
      margin: 0 auto;
	background-color:#05051d; /* salmon;*/
      display: grid;
      justify-content: center;
      align-items: center;
      color: #fff;      
      width: 92%;
      position: relative;
      
	}
 
#headblock {
      margin: 0 auto;
      width: 90%;     
      height: 190px;
      position: fixed;
      Top: 0;
      background-color: black;
      border-bottom: 1px solid lightgrey;         
     
      }
      

#header {
      margin: 0 auto;
      width: 91%;
      height: 90px;
      margin: 10px;
      background-color: #fff;          
      display: flex;
      justify-content: center;
      align-items: center;
      flex-basis: 20%;            
      padding-right: 5px;
      padding-left: 5px;      
      }


#logo img {
  	margin: 0 auto;
      background-color: #fff;      
      width: 90%;
      display: block;
      position: absolute;     
       
      }



#aboutUsNewGraphic img {
            margin: 0 auto;
            margin-top: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 95%;
            padding-left: 20px;
            padding-bottom: 10px;
            height: 350px;
            border: 1px solid black;   
      }
      
      



.nav-container-bilingual {
      
      width: 90%;
      height: 20px;
      margin-top: 10px;
      margin-left: 10px;
      background-color:#05051d;
      display: flex;
      flex-direction: row;
      justify-content: right;
      
      color: whitesmoke;
      font-size: 12px;
 
      border-top: 1px solid grey;      
 
}



#topSpace {
      margin: 0 auto;
      margin-top: 100px;
      height: 91px;
      width: 88%;
      background-color: rgb(189, 189, 189);
}


#topAdBoxcontainer {
      margin: 0 auto;
      width: 90%;
      height: 150px;
      display: block;
      margin-top: 20px;
      margin-bottom: 15px;
      padding-left: 10px;
      color: black;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #c6c3fc;
}




#topH1 h1 {
      margin: 0 auto;
      width: 90%;
      height: 30px;
      display: block;
      padding-top: 8px;
      padding-left: 10px;
      display: flex;
      justify-content: left;
      align-items: center;
      }


h1 {
      background-color: darkblue;
      color: #f8f8f8;
      font-family: arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      margin-top: 10px;
      
      }




      h2 {
            background-color: #e5e5e5; 
            text-transform: uppercase;
            font-size: 1em;
            padding:  5px;
            margin-top: 10px;
            border-radius: 25px;
            color: #000;
            }
      
            #h2center {
            padding-left: 20px;
                  
            }
      
            .toplefth2, .toprighth2 {
            background-color: #e5e5e5;
            border-radius: 25px;
            color: #bf0000;
            width: 90%;
      
            }
      

      h3 {
      font-size: 0.9em;
      font-weight: 700;
      padding:  5px;
      color: #fff;      
      
      }


      h4 {
      font-size: 0.8em;
      padding:  5px;
      }


      h5 {
      font-size: 0.5em;
      padding:  5px;
      display: block;
      margin: auto;
      color: grey;
      }



      h6 {
            font-size: 12px;            
             }


/*
STYLING THE NAV BAR INCLUDING THE MENUS
*/

.nav-container {
      
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100px;
	border: none;
	margin: 0;
	margin-bottom: 0;
	padding: 2px 8px;
	height: 100%;
	margin-left: -100%;
	transition: .5s margin-left ease;
	height: 290px;
	text-align: left;
	opacity: 0.9;
	
}

body.active .nav-container {
	margin-left: 0;
}

.nav-container ul {
	margin: 0;
	margin-top: 0px;

}

.nav-container ul li {
	
	padding-right: 30px;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;

}

.nav-container li a {
	color: #fff;
}

.nav-container ul li a.active {
	color: #000;

}

nav.small-menu {
	display: block;
	background-color: #eee; 
	opacity: 0.5;
	color: darkblue;
	font-weight: 700;
	width: 80%;
	box-sizing: content-box;
	padding-right: 10px;

	position: absolute;
	text-align: right;
      margin-top: 220px;
      width: 90%;
      
}

.nav-activate {
	cursor: pointer;
}



.middlecontainer {
      margin-top: 180px;
      margin-bottom: 30px;
      background-color: #000;
      display: grid;
      grid-template-columns: 1fr; 
      grid-template-rows: 1fr ;
      height: 150px;
      margin-left: 10px;
      margin-right: 10px;
      justify-content: center;
      align-items: center;
      color: grey;
     
      }

.middlecontainer img {

      margin: 0 auto;
      width: 100%;
      height: 150px;
 }


.bottomcontainer {

      margin: 0 auto;
      margin-top: 500px;
      background-color: lightseagreen;
      display: flex;
      height: 120px;
      width: 75%;
      justify-content: center;
      align-items: center;
      color: grey;
}




 .nav-container-topsmedia {
       
      height: 50px;
      margin: 10px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      
}




.smediaTopAllPages {
       margin: 5px;
        padding-top: 10px;
        background-color: #b4b0b0;
        border-radius: 3px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-basis: 50%;
        height: 30px;       
}





.container4Articles {
      margin-top: 20px;
      font-size: 1em;
      color: #fff;      
      margin: 0 auto;
      width: 90%;
      padding-left: 5px;
      padding-right: 5px;
      
}






.container4Articles h1 {

      color: black;
      font-size: 1.1em;
      text-align: center;
      background-color: #fff;
}

.container4Articles h5 {
      font-size: 0.8em;

}


/* THESE ARE SPECIFIC IMAGE FORMATING FOR MEDIA QUERIES FOR GRAPHS, CHARTS AND TABLES IN ARTICLES*/




      .headingOfGraphics {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 25px;
        font-size: 15px;
        font-style: italic;
        padding-bottom: 10px;
    }

      .sourceOfGraphics {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 10px;
        font-size: 10px;
    }



/*FORMATTING IMAGE AND ASSETS DIASPORA LANDING*/



.pastIssuesH1 {
      margin: 0 auto;
      width: 90%;
}



.pastissuebox2_1 {
      margin: 0 auto;
      background-color: #0f0227;
      padding-left: 5px;
      text-align: center;
      padding-top: 100px;
      width: 90%;
}


.pastissuebox2_2 {
      margin: 0 auto;
      background-color: #0f0227;
      padding-left: 5px;
      text-align: center;
      padding-top: 100px;
      width: 90%;
}

/*--- ---------------- 2025  --------------------------- 2025 ------------------ 2025 ---------*/
/* ARTICLES 2025*/
/* ARTICLES 2025*/
/* ARTICLES 2025*/





.dataH3 {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
}


.dataDefinition {       
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
      color: white;
      background-color: black;
}



.blockForData img {
      width: 92%;
      height: 180px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px;
      box-shadow: .25em .25em .5em rgba(255, 0.3, 224, 0.3);
      border: 1px solid rgb(255, 224, 224);
      font-size: 10px;
}


/*
.blockForDataTwo img {
      width: 97.5%;
      height: 200px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px;
      box-shadow: .25em .25em .5em rgba(255, 0.3, 224, 0.3);
      border: 1px solid rgb(255, 224, 224);
      font-size: 9px;
}
*/


/* Articles assets from November 2025*/





#ecobankShareholders img {
      width: 98%;
      height: 100px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#econbankWorld img {
      width: 98%;
      height: 100px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}

#nkontchouBros img {
      width: 98%;
      height: 100px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#indexImageNkountchouBrothers img {
      width: 98%;
      height: 100px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;

}


#ghanaIndiaTradeTable img {
      width: 98%;
      height: 100px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}



#logoOsakaWorldExpo img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;

}




#worldExpoOsakaJapan1 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}



#ghanaBoothInOsaka img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#ursulaVanDerLeyenEU img {
      width: 98%;
      height: 130px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}




/*------------------------------End of Nov 2025*/

#ghanaVPInBrussels img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}




#ghanaVPInBrussels img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
      
}



/* Articles assets from September 2025*/


#civPubliDebt2025 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#globalGatewayTopPriorities img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}




#shippingContainersGhUS img {
      width: 98%;
      height: 150px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}

#GhanaUSATradeDeficit img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;     
}

#GhanaTopExportEtems2023_2024 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#bassirouAndSonkoOusmane img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 500px;
      height: 400px;
}














#robotBee img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#ghanaFemaleProgrammer img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}



#UnicconCEO img {
      width: 98%;
      height: 210px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
      }

#omeifeHerself img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#UnicconDrone img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}



#UnicconFood img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}



#GoldValueChain img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#largestGoldProducers img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}

#largestGoldMiningCiesInGhana img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#GoldRevenues2021_2024 img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}







#GoldExportGhana img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}



#GoldCoinFrontAndBack img {
      width: 98%;
      height: 150px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#GoldCoinInBoxes img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}

#GoldCoinPrice img {
      width: 98%;
      height: 120px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#priceyGhanaGoldCoin img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}








#bassirouAndSonkoOusmane img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px;
}


#AtoForsonInParliament img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 5px;
      padding-left: 3px; 
}

#afdbLogo img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px; 
}


#USAID_RIP img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px; 
}


#USAid2Ghana img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;

}




#petFunds1 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;

}

#petFunds2 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
      
}

#petFunds3 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
      
}

#petFunds4 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
      
}

#petFunds5 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
      
}

#petFunds6 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
      
}

#petFunds7 img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;      
}


#CIVvsGhana img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px; 
}

#JohnMahamaANDado img {
      width: 98%;
      height: 180px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;     
}


#CIVvsGHtheECO img {
      width: 98%;
      height: 150px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
}

#EcoBankLogoEBI img {
      width: 98%;
      height: 140px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px; 
}



/* END ARTICLES 2025*/




#nuclearNicolasHippertPic img {
      width: 98%;
      height: 220px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px;      
}


#nuclearInstitut img  {
      width: 98%;
      height: 170px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px;
}


#ghanaModelnuclearPlant img {
      width: 98%;
      height: 170px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px;
}


#nuclearRosatomPeople img {
      width: 98%;
      height: 170px;
      margin: 0 auto;
      padding-right: 3px;
      padding-left: 3px;
}







table {
      border-collapse: separate; 
      font-weight: normal; 
      font-style: normal; 
      font-size: 11px; 
      margin-bottom: 20px; 
      margin-top: 10px;   
}



/* END OF SPECIFIC IMAGE FORMATING */


#articleBiblioId {
    width: 250px;
    background-color: none;
    word-wrap: break-word;
    padding-left: 2px;
    }


.articleBiblio {
        font-size: 0.7em;
        color: grey;
    }



.articlesimg img {
      margin: 0 auto;
      width: 280px;
      height: 300px;
}



#Costalerosion img {

    margin-left: 30px;
    width: 260px;
    height: 600px;
}



table {
      border-collapse: separate; 
      font-weight: normal;
      padding: 2px;  
      margin-bottom: 20px; 
      margin-top: 20px;
      color: black;      
}

th {
background-color: #979494;
}

.odd {
      background-color: rgb(243, 202, 186);
      text-align: center;
}

.even {
      background-color:#d4d4d8; 
      text-align: center;
} 




.firstcharacter {

      color: #fff;
      background-color: #bf0000;
      float: left;
      font-family: Georgia;
      font-size: 3em;
      line-height: 40px;
      padding: 3px;
      margin-top: 4px;
      margin-right: 3px;

}




/*

END OF STYLING THE TWO ADVERTISING CONTAINERS

*/



.dataInfo {

      font-size: 0.8em;
      background-color: #fff;
      text-align: left;
      margin-left: 5px;
      margin-right: 5px;
      width: 98%;

      }

.dataInfo img {
      
      margin: 0 auto;
      width: 70%;
      height: 300px;
}

.dataInfo h1 {

font-size: 24px;

}





/*

START OF STYLING FOR ALL THE CONTAINERS 1, 2, 3, 4, 5, 6, 7

*/


/* 
STYLES FOR ALL THE GRID/BOXES INSIDE THE 7 CONTAINERS OF THE LANDING PAGE and INSIDE OTHER MENUS

- On the landing page each container has 4 boxes or grid items. This model is repeated inside all
the other TOP MAIN MENU ITEMS.

 */

 #mainHeadline {
      font-size: 20px;
      /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
      font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
      color: #000;
      text-align: center;
}



.container1 {
      margin: 0 auto;
	margin-top: 20px;
      display: grid;
	grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      justify-content: center;
      align-items: center;
      height: 2000px;
      padding: 5px;
      width: 90%; 
      
}
 

.container1 h3 {
color: #1a1919;
}




.box1_1 .asidead {

      display: flex;
	align-items: center;
	justify-content: center;
      width: 180px;
      width: 90%;
	}

      

.box1_1 {
	margin: 0 auto;
  	width: 95%;
  	padding-left: 5px;
      padding-right: 5px;      

  	}


.box1_2 {
      margin: 0 auto;
      width: 95%;
      border-left: none;

	}


.box1_2 img {
      width: 90%;
      height: 70px;
      margin: 0 auto;      
      }


.box1_3 {
      margin: 0 auto;
      width: 95%;
      margin-top: 40px;
	color: #fff;
      margin-bottom: 50px;
      border-left: none;
}



.box1_4 {      
      height: 500px;
      margin: 0 auto;
      padding-top: 10px;
      width: 90%;
      background-color:#05051d; 
      border-left: none;
}




     
#pastIssuesPosition {
      padding-top: 350px;
}



.container2 {
      margin-top: 100px;
      margin: 0 auto;
      margin-top: 50px;
      display: grid;
	grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      justify-content: center;
      align-items: center;
      height: 1700px;
      color: black;
      padding: 5px;
      width: 90%;
            
}





.box2_1  {
	height: 400px;
	margin-bottom: 10px;
       

}







.box2_2  {
	height: 400px;
	margin-bottom: 10px;
      
}




.box2_2 img {
      margin: 0 auto;
      width: 100%;
      
}



.box2_3 {
      margin-top: 20px;
	height: 400px;
      	
}





.box2_3 img {
      margin: 0 auto;
      width: 100%;
      height: 100px;           
}




.box2_4 {
	height: 400px;
      margin-top: 30px;	
      
}



.box2_4 img {
      margin: 0 auto;
      width: 100%;
      height: 100px;      
      }






.containerdatadisplay {
      margin: 0 auto;
      margin-top: 100px;
      display: grid;
      grid-template-columns: 1fr;
      margin-left: 30px;
      margin-right: 30px;
      width: 260px;
      height: 950px;
      column-gap: 10px;
      background-color: #fff;
      

      }

.boxdd2_2 {
      margin-top: 20px;
      
      }

.containerdatadisplay .boxdd2_2 img {
	background-color: #fff;
      margin: 0 auto;
      width: 200px;
      height: 160px;  
}




.container3 {
      margin: 0 auto;
      margin-top: 100px;
      display: grid;
	grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      justify-content: center;
      align-items: center;
      height: 1100px;
      
      padding: 5px;
      width: 90%;
      
}



.box3_1 {
	height: 300px;
	
}



.box3_2 img { 

	width: 95%;
      padding-bottom: 5px;

}


.box3_3 img {

	width: 95%;
	height: 150px;
      padding-bottom: 5px;


}



.box3_4 img {
	width: 95%;
      padding-bottom: 5px;
      padding-right: 10px;

}




.container4 {
      margin: 0 auto;
      margin-top: 30px;
      display: grid;
	grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      justify-content: center;
      align-items: center;
      height: 750px;
     
      padding: 5px;
      width: 90%;
      
}



.box4_1 {
	height: 50px;
}


.box4_3 img {
	width: 95%;
      padding-bottom: 5px;
      padding-right: 10px;
}


.box4_4 {
	 height: 155px;
	}





.container5 {
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 20px;
      display: grid;
	grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      justify-content: center;
      align-items: center;
      height: 1000px;
      
      padding: 5px;
      width: 90%;
      
}



.box5_1 {
      margin-top: 20px;
	
}

.box5_2 {
      margin-top: 20px;

}

.box5_3 {
      margin-top: 20px;

}

.box5_4  {
      margin-top: 20px;
	
}





.container6 {
      margin: 0 auto;
      margin-top: 15px;
      display: grid;
	grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      justify-content: center;
      align-items: center;
      height: 750px;
      
      padding: 5px;
      width: 90%;
      
}



.box6_1 {
      margin-top: 20px;
	
}

.box6_2 {
      margin-top: 20px;

}

.box6_3 img {
	width: 95%;
      padding-bottom: 5px;
      padding-right: 10px;

}

.box6_4  {
      margin-top: 20px;

}




.container7 {
      margin: 0 auto;
      margin-top: 40px;
      display: grid;
	grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      justify-content: center;
      align-items: center;
      height: 1100px;
      
      padding: 5px;
      width: 90%;
      
}



.box7_1 {
      margin-top: 20px;
	
}

.box7_2 {
      margin-top: 20px;

}

.box7_3 {
      margin-top: 20px;

}

.box7_4  {
      margin-top: 20px;
	 
}


/*

END OF STYLING FOR ALL THE CONTAINERS 1, 2, 3, 4, 5, 6, 7

*/




/*

START OF STYLING FOR VERTICAL SUB MENUS INSIDE: MARKETS, FINANCE, SECTORS, TRADE, CLIMATE, DIASPORA.

*/


#submenu li a {
      display: block;
      padding-left: 5px;
      list-style: none;
      width: 170px;
      height: 20px;
}

li {
      display: block;
  }

#submenu li a {
      font-size: 14px; 
      outline: 1px solid lightgrey;
      font-family: verdana;
      margin-bottom: 5px;
      color: blue;
      border-radius: 3px;
      background-color: lightgrey;
      }



  #submenu a:link {
      text-decoration: none;
      background: var(--color12);
    }

  #submenu a:visited {
      text-decoration: none;
    }

  #submenu a:hover {
      background-color: #ccc;
      text-decoration: none;
      }


  #submenu a:active {
      text-decoration: none;

      }


/*

END OF STYLING FOR VERTICAL SUB MENUS INSIDE: MARKETS, FINANCE, SECTORS, TRADE, CLIMATE, DIASPORA.

*/






/*

START OF STYLING FOR SPECIAL CONTAINER 2 FOR DATA DISPLAY

*/




/*

END OF STYLING FOR SPECIAL CONTAINER 2 FOR DATA DISPLAY

*/




/*END ARTICLE LAYOUT*/

/*
	.footer {
	      background-color: #000; 
	      margin-top: 3500px;
	      margin-bottom: 50px;
	      height: 260px;
	      display: flex;
	      flex-direction: column;
	      justify-content: center;	     
	      align-items: center;


	       }
*/


/*New Footer*/

#footer {
      margin: 0 auto;
      background-color: #000; 
	margin-top: 4500px;
	margin-bottom: 50px;
	height: 260px;
      
	display: flex;
	flex-direction: column;
	justify-content: center;	     
	align-items: center;
      border-top: 1px solid grey;
      padding: 5px;
      width: 250px;
            
 }





	.copyright {

	        color: #000;
	        font-size: 0.6em;
	        font-weight: bolder;
	        height: 40px;
	        border-radius: 3px;
	        width: 75%;
	        background-color: #E7D2CC;

	      }


	.contactus {
	      color: #000;
	        font-size: 11px;
	        width: 75%;
	        height: 40px;
	        background-color: #E7D2CC;

	      }



	.subscribe {
	        
	        width: 75%;
	        font-size: 11px;
	        height: 40px;
	        background-color: #E7D2CC;
	      
	      }

.socialmediaFooter {
        color: red;
        font-weight: bolder;
        font-size: 0.8em;
        margin: 5px;
        padding: 10px;
        background-color: #fff;
        border-radius: 3px;
        display: flex;
        justify-content: space-evenly;
        flex-basis: 22%;
        height: 20px;
        width: 68%;
        
       }

.socialmediaFooter img {

	height: 25px;
	width: 27px;
	height: 30px;
	border-radius: 40%;
	}



/* PAST ISSUES PAGE */

	.pastissuebox4, .pastissuebox3, .pastissuebox2, .pastissuebox1 {

		margin-top: 20px;
		grid-template-columns: 1fr;
	      grid-template-rows: 1fr;
	      justify-content: center;
	      align-items: center;
	      height: 1000px;
	      border: 1px solid grey;
	      padding: 5px;
	}


.pastissuebox1_2, .pastissuebox2_2, .pastissuebox3_2, .pastissuebox4_2 {

		display: flex;
		justify-content: center;
		align-items: center;
	}


/* END PAST ISSUES PAGE */


	}

/*-----END MOBILE MEDIAQUERY STYLE----*/ 










/*----------TABLET MEDIAQUERY STYLE-------TABLET MEDIAQUERY STYLE----TABLET MEDIAQUERY STYLE---*/ 

/*
@media only screen (min-width: 481px) and (max-width: 768px) {
	*/

@media screen and (min-width: 481px) and (max-width: 768px)  {

	body {
		background-color: #fff;
 		}
	
	.headblock {
	      border-bottom: 1px solid #eee;
	      height: 180px;
	      width: 100%;
	      
	      }
	.topcontainer img {
		width: 85px;
		height: 80px;
	}


	.small-menu {
		display: none;
		}

	.nav-container {
            
		background-color: #000;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		
		}

	.menuitems li a {
            
	      font-size: 14px; 
	      outline: 1px solid grey;
	      font-family: verdana;	      
	      color: white;
	      border-radius: 3px;
	      padding: 1px;
	      }

	/*END NAV END NAV END NAV */



	.topcontainer {
	      margin-top: 200px;
	      background-color: #eee;
	      display: grid;
	      grid-template-columns: 1fr; 
	      grid-template-rows: 1fr;
	      height: 150px;
	      justify-content: left;
	      align-items: center;
	      color: grey;
	      margin-left: 60px;
	      margin-right: 60px;
	       }



/*FORMATTING ASSETS IMAGES CHARTS ON THE INDEX PAGE*/


#frontPageImageHarrisNanaAddo img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 180px;
}


#featuringCoverIssue img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;  
      width: 220px;    
      height: 300px;
}

#frontPageEximBankGhanaLogo img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;
      width: 95%;      
}


#frontPageEcoCurrency img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;      
}

#frontPageBitCoin img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;
}



#frontPageTrain img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;

}

#frontPageTurkeyAfrica img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;
}


#frontPageTurkeyTABEFforum img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 300px;
}


#nurseGhana img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
}




#carAssemblyfrontPageImage img {
      width: 98%;
      height: 170px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
}


#frontPageImageGoogleAI img {
      margin: 0 auto;
      width: 96%;
      height: 170px;      
      padding-right: 2px;
      padding-left: 2px;      
      border: 1px solid rgb(189, 188, 188);
}



#twitterfrontPageImage img {
      width: 98%;
      height: 170px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
}


#frontPageImageNASA img {
      width: 98%;
      height: 170px;
      margin: 0 auto;
      padding-right: 2px;
      padding-left: 2px;
}

/*END OF FORMATTING ASSETS IMAGES CHARTS ON THE INDEX PAGE*/



/*FORMATTING ASSETS IMAGES CHARTS ON THE CLIMATE PAGE*/



#frontPageLandingClimate img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; 
      height: 280px;
      width: 95%;
}


#logoShort img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; 
      height: 100px;
      width: 40%;
}



#frontPageNEGLogo img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; 
      height: 100px;
      width: 40%;
}



/*

	 .container1, .container2, .container3, .container4, .container5, .container6, .container7 {

		display: grid;
		grid-template-columns: 1fr 1fr ;
		grid-template-rows: 1fr 1fr;
		grid-auto-flow: column;
	    	align-items: center;
	    	grid-column-start: 4;
	    	height: 1100px;
	    	border: 1px solid #eee;
	    	padding-right: 5px;
	    	padding-left: 5px;
	 }


	.box1_1, .box1_2, .box1_3, .box1_4,
	.box2_1, .box2_2, .box2_3, .box2_4, 
	.box3_1, .box3_2, .box3_3, .box3_4,
	.box4_1, .box4_2, .box4_3, .box4_4, 
	.box5_1, .box5_2, .box5_3, .box5_4, 
	.box6_1, .box6_2, .box6_3, .box6_4, 
	.box7_1, .box7_2, .box7_3, .box7_4 {

		
		min-width: 255px;
		height: 500px;
		
	}




 box1_1 box1_2 box1_3 box1_4 */


	.box1_1 {
            margin-top: 10px;

	}

	.box1_2 {
            margin-top: 10px;

	}

	.box1_2 img {

      width: 85%;
      height: auto;
      padding-bottom: 10px;
    
      }

	.box1_3 {
		border-left: 1px solid #eee; 
	}


	.box1_4 {
		border-left: 1px solid #eee; 
	}

	.box1_4 img {
		 
	      width: 95%;
	      height: 350px;
	      padding-top: 5px;
	      padding-right: 5px;
	      padding-bottom: 10px;
	}



/* box2_1 box2_2 box2_3 box2_4 */


	.box2_1 {
            margin-top: 10px;

	}

	.box2_2 {
            margin-top: 10px;

	}


	.box2_2 img {
		margin: 0 auto;
		width: 100%;
		height: auto;
		       
	      }


	.box2_3 {
            margin-top: 10px;
		 
	}





	.box2_3 img {
		margin: 0 auto;
		width: 100%;
		height: auto;
		}




	.box2_4 img {
		margin: 0 auto;
		width: 100%;
		height: auto;
	
		       
	      }



/* box3_1 box3_2 box3_3 box3_4 */



	.box3_1 {
            margin-top: 10px;

	}

	.box3_2 {
            margin-top: 10px;
		
	}

	.box3_2 img {
		width: 95%;
		height: 150px;
		padding-right: 8px;
	}

	.box3_3 {
            margin-top: 10px;
		
		}

	.box3_3 img {

		width: 95%;
		height: 150px;
		padding-right: 8px;
	}


	.box3_4 {
            margin-top: 10px;
		 
	}

	.box3_4 img {
		width: 95%;
		height: 150px;
		padding-right: 8px;
	      }



	/* box4_1 box4_2 box4_3 box4_4 */

	.box4_3 img {
		width: 95%;
		height: 150px;
		padding-right: 8px;
		}

	/* box5_1 box5_2 box5_3 box5_4 */


	/* box6_1 box6_2 box6_3 box6_4 */


	/* box7_1 box7_2 box7_3 box7_4 */

	}

	/* Article layout */

	.articleImg img {

	margin: 0 auto;

	}




.container7 {
      margin-top: 150px;
      
      }



.containerdatadisplay {
	margin-top: 100px;
      display: grid;
      grid-template-columns: 2fr 2fr;
      grid-template-rows: 1fr;
      height: 450px;
      column-gap: 10px;
      padding-left: 230px;
      padding-right: 230px;
      background-color: #fff;
      }


.boxdd2_1, .boxdd2_2 img {
      width: 300px;
      height: 200px;
}


.boxdd2_1 {
      background-color: #fff;
      width: 70%;

}

.boxdd2_1 img {
      margin: 0 auto;
      height: 280px; 
}



.boxdd2_2 {
      background-color: #fff;
      width: 100%;
      }


.boxdd2_2 img {
      margin: 0 auto;
      height: 280px; 
}


.boxdd2_3 {
      background-color: #fff;
      border-left: 1px solid #eee;
      padding-left: 5px;
     
 }

.boxdd2_3 img {
      margin: 0 auto;
      
      height: 170px; 
      }

.boxdd2_4 {
      background-color: #fff;
      border-left: 1px solid #eee;
      padding-left: 5px;

      }

.boxdd2_4 img {
      margin: 0 auto;
      
      height: 170px;  
      }


.copyright {

        color: #000;
        font-weight: bolder;
        font-size: 0.7em;
  }