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;
}

.col4 { display: block; }
.col3 { display: none; }
.col2 { display: none; }  
.col1 { display: none; }             

.scoutbody
{
 font-size: 13px;
 padding: 0 15px 10px 0px;
}       

.scouthr { margin: 0 15px 0 0; }

.scoutheader
{
 font-size: 24px;
 padding: 10px 0 10px 0px;
 color: #004488;
}
.scoutheader2
{
 font-size: 14px;
 font-style: bold;
}

.blurb1
{
 font-size: 15px; 
 margin: 0 15px 15px 0;
} 

.blurb2
{
 font-size: 14px;
 margin: 0 15px 0px 0;
}

.blurb3
{
 font-size: 13px;
 display: inline-block;
 margin: 0 15px 10px 0;
}
.blurb3 img
{
 float: left;
 margin: 0 15px 0 0;
 width: 100%;
 max-width: 250px;
 height: auto; 
} 

a.redlink                { color: #dd0000; text-decoration: underline; }
a.redlink:link           { color: #dd0000; text-decoration: underline; }
a.redlink:visited        { color: #dd0000; text-decoration: underline; }
a.redlink:hover          { color: #dd0000; text-decoration: none; background-color: #eee; }

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

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: 1000px)
{ 
  .col4 { display: none; }
  .col3 { display: block; }
  .col2 { display: none; }  
  .col1 { display: none; }   
}

@media only screen and (max-width: 850px)
{ 
  .mobile
  {
   display: block;
  }   
  .col4 { display: block; }
  .col3 { display: none; }
  .col2 { display: none; } 
  .col1 { display: none; }            

  .scoutbody
  {
   padding: 0 10px 10px 0px;
  }       
}

@media only screen and (max-width: 800px)
{ 
  .col4 { display: none; }
  .col3 { display: block; }
  .col2 { display: none; } 
  .col1 { display: none; }  
}

@media only screen and (max-width: 650px)
{      
  .col4 { display: none; }
  .col3 { display: none; }
  .col2 { display: block; } 
  .col1 { display: none; }  
  .scoutheader
  {
   font-size: 20px;
   padding: 10px 0 10px 0px;
   color: #004488;
  }
}

@media only screen and (max-width: 450px)
{        
  .col4 { display: none; }
  .col3 { display: none; }
  .col2 { display: none; }
  .col1 { display: block; }

}