#header { width: 94%; max-width: 1150px; padding: 30px 3%; margin: 0 auto; }

#header #greeting { width: 30%; padding: 10px 1.5% 0 1.5%; float: left; text-align: center; }
#header #icons { padding-bottom: 40px; text-align: center; }
#header #icons a { height: 49px; width: 55px; display: block; }
#header #greeting_h1 { color: #c3bfbf; font-size: 36px; padding-bottom: 40px; text-align: center; }
#header #links { color: #18c818; font-size: 20px; text-align: center; }
#header #links a:hover { color: #c3bfbf; }

#header #slider { height: 300px; width: 30%; padding: 0 1.5%; float: left; text-align: center; }
#header #slider img { width: auto; max-width: 100%; max-height: 300px; vertical-align: middle; }

#header #logo { width: 30%; padding: 10px 1.5% 0 1.5%; float: right; text-align: center; font-size: 20px; color: #ffffff; }

.fb { background: url('../../images/icon_fb.png') no-repeat top center; cursor: pointer; margin-right: 2%; float: left; }
.fb:hover { background: url('../../images/icon_fb.png') no-repeat bottom center; cursor: pointer; float: left; }

.rss { background: url('../../images/icon_rss.png') no-repeat top center; cursor: pointer; margin-right: 2%; float: left; }
.rss:hover { background: url('../../images/icon_rss.png') no-repeat bottom center; cursor: pointer; float: left; }

.twitter { background: url('../../images/icon_twitter.png') no-repeat top center; cursor: pointer; margin-right: 2%; float: left; }
.twitter:hover { background: url('../../images/icon_twitter.png') no-repeat bottom center; cursor: pointer; float: left; }

.gplus { background: url('../../images/icon_gplus.png') no-repeat top center; cursor: pointer; margin-right: 2%; float: left; }
.gplus:hover { background: url('../../images/icon_gplus.png') no-repeat bottom center; cursor: pointer; float: left; }

@media screen and (max-width: 768px) {
    
    #header #greeting { width: 48%; padding: 10px 1% 0 1%; }
    
    #header #slider { display: none; }
    
    #header #logo { width: 48%; padding: 10px 1% 0 1%; }
        
    
}

@media screen and (max-width: 650px) {
    #header #icons { padding-bottom: 20px; text-align: center; }
    #header #icons a { height: 49px; width: 55px; display: block; }
    #header #greeting_h1 { color: #c3bfbf; font-size: 28px; padding-bottom: 20px; text-align: center; }
    #header #links { color: #ec5324; font-size: 16px; text-align: center; }
    #header #links a:hover { color: #c3bfbf; }
    
    #header #logo { font-size: 28px; color: #ffffff; }
}

@media screen and (max-width: 480px) {
    
    #header #greeting { width: 98%; padding: 10px 1% 10px 1%; float: none; }
    
    #header #logo { width: 98%; padding: 10px 1% 0 1%; float: none; }
    
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}