/* -------------------------------------------------LOWER PAGE CSS FOR LINKS AND COPYRIGHT--------------------------------------------------------------- */
 
 .lower-logo {grid-name: lowlogo; }

.quick-links1 {grid-name: quicklinks1;}
.quick-links2 {grid-name: quicklinks2;}

.copyrite {
  grid-name: copyyear; 
  color: white; 
  width: 100%;
  display: flex;
  justify-self: center;
 }
 
   
.logobottom {
  height: 120px;
}

.lower-nav{
  position: absolute;
  display: grid;
  width: 100%; 
  top: 105%;
  justify-content: center;
  align-items: center;
  background-color: #6031AD; 
  color: white; 
  grid-template-columns: 19% 40% 40%;
  grid-template-rows: auto;
  grid-template-areas:
   "lowlogo quicklinks1 quicklinks2"
}

.lower-nav > div {
  text-align: center;
  padding: 10px 0px;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;

}

.lower-resources {
  color: white;
  text-decoration: none;
  line-height: 170%;
}

.lower-resources:hover {
  text-decoration: underline;  
}

.lower-icons {
  height: 25px; 	
}


  @media (orientation: portrait) {
   .lower-nav{	
	 grid-template-columns: 1fr;
	 grid-template-rows: repeat(3, 1fr);
	 grid-template-areas: "lowlogo"
	                       "quicklinks1"
						   "quicklinks2";
    }  
	
   .logobottom {
     height: 130px;
    }
	
   #landscape-links {
	 display: none;   
   }
   
   #portrait-links {
	 display: block;   
   }
   
  }

  @media ((orientation: landscape) and (max-width: 800px)) {
   .lower-nav{	
	 grid-template-columns: 1fr;
	 grid-template-rows: repeat(3, 1fr);
	 grid-template-areas: "lowlogo"
	                       "quicklinks1"
						   "quicklinks2";
    }  
	
   .logobottom {
     height: 130px;
    }
  } 
  
 
  
 
 /* -----------------------------------COPYRIGHT ID UNIVERSAL ------------------------------------------------------------------------------------  */

 .copycontainer { /* -------- COPYRIGHT CONTAINER ----*/
 display: flex;
 position: relative; 
 background-color: #6031AD; 
 left: 0; 
 width: 100%;
 justify-content: center;
 color: white;
}


 #cright-year {   /*-------- COPYRIGHT YEAR FONT -----*/
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;

}