body	{
	background: #ffffff url(/grafix/frontpage/background-grad.png) repeat-x;
	font-family: 'Open Sans', sans-serif;
	color: #000000; 
	font-size: 13px;
	}
                                              
:root
{
 --lwblue:         #0C4964;
 --lwltblue:       #3C7994;
 --lwltback:       #5D9AB5;
 --postit:         #fff9dd;
 --lwgrey:         #999;
 --verygrey:       #bbb;
 --xgrey:          #eee;
 --darkred:        #ab0000;
 --reddish:        #cf3d29;
 --redback:        #ffd3d3;
 --blueback:       #eeffff;  
 --bluebackhover:  #e3f4f4;
 --greenback:      #f1fff1;
 --greenbackhover: #eaf8ea;  
 --pinkback:       #fff5f5;
 --pinkbackhover:  #F8E4E4;
}     

.linksheader
{
 font-size: 24px;
 padding: 5px 0 10px 3px;
 color: #004488;
 font-weight: bold;
}

.notexperts
{
 font-size: 18px;
 padding: 5px 0 10px 0px;
 color: #004488;
}     

.blurb
{
 font-size: 14px;
 padding: 0 15px 10px 0px;
}

.worlddiv
{
 display: block;
 //background-color: pink;
}
.worlddiv600
{
 display: none;
 justify-content: center;
}

.sectorlist
{
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 padding: 15px;
 display: block;
}
.sectorlistcolumn
{
 font-size: 14px;
 font-weight: bold;   
 display: none;
 width: 100%;
 margin: auto;
}      

.sector
{ 
 font-size: 18px;
 padding: 5px 0 5px 3px;
 color: #004488;
 font-weight: bold;
}
.sectordiv
{
 padding: 5px 15px 10px 0;
}

.zonename
{
 font-size: 14px;
 font-weight: bold;
}
.zonename2
{
 font-size: 15px;
 font-style: italic;
}
.statename
{
 font-size: 14px;
 font-weight: bold;    
}

article
{
 -webkit-column-count: 3;
    -moz-column-count: 3;
         column-count: 3;
 -webkit-column-width: 200px;
    -moz-column-width: 200px;
         column-width: 200px; 
 -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
         column-gap: 1.5em; 
 -webkit-column-rule: 1px solid #ddd;
    -moz-column-rule: 1px solid #ddd;
         column-rule: 1px solid #ddd;
} 

.mobile
{
 display: none;
}

.columnlogo
{
 max-width: 100%;
 height: auto;
}

#wrapper
{
 width: 100%;
 max-width: 1000px;
 margin: 0px auto;
}

.mainwrapper
{
 padding: 10px;
}
 
.contact
{
 font-size: 13px;
 color: #004488;
 //font-weight: bold;
}

/* ::::::::::::::::  MEDIA QUERIES :::::::::::::::::::: */ 

@media only screen and (max-width: 950px)
{
  .worlddiv
  {
   display: none;
  }
  .worlddiv600
  {
   display: block;
  }
}  

@media only screen and (max-width: 850px)
{ 
  .worlddiv
  {
   display: block;
  }
  .worlddiv600
  {
   display: none;
  }
      
  .linksheader
  {
   font-size: 24px;
   margin: -10px 0 8px 0;
   padding: 0;
   color: #004488;
   font-weight: bold;
  }

 .mobile
 {
  display: block;
 }

}      

@media only screen and (max-width: 780px)
{
  .worlddiv
  {
   display: none;
  }
  .worlddiv600
  {
   display: block;
  }
}           

@media only screen and (max-width: 650px)
{
  .worlddiv
  {
   display: none;
  }
  .worlddiv600
  {
   display: none;
  }
  .sectorlist
  {
   display: none;
  }
  .sectorlistcolumn
  {
   display: block;
   text-align: left;
   padding: 0 0 0 100px;
   //background-color: pink; 
  }
}  
                   

@media only screen and (max-width: 500px)
{
  .sectorlistcolumn
  {
   display: block;
   text-align: left;
   padding: 0 0 0 50px;
   //background-color: pink; 
  }
}  
@media only screen and (max-width: 400px)
{  
      
  .linksheader
  {
   font-size: 20px;
   padding: 5px 0 5px 3px;
   color: #004488;
   font-weight: bold;
  }       
  .notexperts
  {
   font-size: 14px;
   padding: 5px 0 10px 0px;
   color: #004488;
  }
  .blurb
  {
   font-size: 13px;
   padding: 0 15px 10px 0px;
  } 
  .sectorlistcolumn
  {
   display: block;
   text-align: left;
   padding: 0 0 0 20px;
   //background-color: pink; 
  }
}