/* css */

#top, #top_bg
{
  background:url(images/top_home.jpg) center top no-repeat; 
}

#top {padding-bottom:20px;}
body
{
  background-image:url(images/body_home.png); 
}

#header
{
  height:530px;
  background:none;
}


#header_quotes_home
{ 
  color: #929292;
  font-size: 12px;
  font-style: italic;
  padding: 40px 5px 0 640px;
  
}

h2 {color:#fff;}


/** HIDE TABS ON HOME PAGE**/
#categories_tabs
{
  display:none;
}

/** CATEGORIZED CONTENT blocks on home **/
#col_1
{
  float:left;
  margin-right:130px;
  width:450px;
}

#col_2
{
  float:left; 
  width:320px;
}
@media (max-width:940px),(max-device-width:940px)
  {
  #header_quotes_home {padding:20px 15px 0 570px;
  }
}

@media (max-width: 850px),(max-device-width: 850px)
  {
  
  #top
  {
    background-position: center 35px !important;
    background-size: 100% auto !important;
  }
  #header_quotes_home {
    background: rgba(255, 255, 255, 0.89);
    color: #000;
    margin-top: 40%;
    padding: 20px;
  }
   #col_1,#col_2
  {
    float:none;
    background:#999;
    width:100%;
    padding:30px 20px 20px 20px;
  }
  #top,#bottom {padding-bottom:0px;/*hides background image*/}
  
    
  #header 
  {
    height:45%; 
  }
}


@media (max-width:768px),(max-device-width:768px)
  {
  #top
  {
    background-position: center 6% !important;
    background-size: 130% auto !important;
    
  }

  #header_quotes_home {
    margin-top: 43%;
    text-align:left;
  }
  
  
  
}

@media (max-width:480px),(max-device-width:480px)
{
  
   #top
  {
    background-position: center 6% !important;
    background-size: 130% auto !important;
    
  }

  #header_quotes_home {
    margin-top: 43%;
    text-align:left;
  }
  
  
  
  
  #top
  {
    background-position: center 4% !important;
  }
   #header 
  {
    height:40%; 
  }
  #header_quotes_home {
   
    margin-top: 50%;
  }
}

