body, html { font-family: "Source Sans Pro"; background: #eee;}


a {color: #21aabd; text-decoration:none;}
.container {max-width: 1200px;margin:0 auto; background: #fff;}

.header {padding: 20px;background: #333;}
.header__logo {float:left; text-decoration: none;color: #fff;}
.header__menu {float: right;padding: 0;margin: 0;list-style-type: none;}
.header__menu__item {display: inline-block; }
.header__menu__item a {padding: 5px 10px;color: #fff; text-decoration: none;}
.header__icon-bar span {display: block;background-color: #fff;height: 2px; width: 23px;margin-bottom: 5px;}
.header__icon-bar {display: none;}

.main-title {padding: 50px 20px; text-align: center;background-color: #21aabd; color: #fff;margin: 0px;font-weight: 300; font-size: 50px;}

.content {width: 100%;float:left; padding: 3px;}
  .post {padding:40px; border-bottom: 1px solid #eee;}
.sidebar {width: 30%;float:left;}
  .widget {padding: 40px;}
  .widget ul {list-style-type: none;}
  .widget ul li a {text-decoration: none;display: block; border-bottom: 1px solid #eee;padding: 5px 10px;}

  .btnCust {
    text-align: center;
    background-color: #21aabd;
    text-weight: bold;
    font-size:18px;
    padding:3px;
  }

  .login {
    width:50%;
    margin:auto;
  }
  

/*------------------------------------------
Tablet
------------------------------------------*/
@media (max-width: 998px) {

}

/*------------------------------------------
Smartphone
------------------------------------------*/
@media (max-width: 768px) {
  /* header & menu*/
  .header__logo {margin-bottom: 20px;}
  /* nascondo il menu height=0 overflow=hidden*/
  .header__menu {width:100%;height: 0;overflow: hidden;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
  }
  .header__menu__item {display: block; width:100%;}
  .header__menu__item a {display: block; padding: 10px 15px;border-bottom: 2px solid #666;}
  .header__icon-bar {float:right;display: block;}


  .show-menu {height: 300px; overflow: auto;}
  /* content & layout*/
    .content,
    .sidebar {width: 100%;padding:0;}

    .login {
      width:100%;
    }
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */