@media only screen and (min-width: 48em) { /* 768px */


  .masthead {
    font-size: 120%;
  }

  .views {
  /*  background-color: #eee;*/
    border: 0;
  }

  .view {
    background-color: #fff;
    border: 1px solid #f4f4f4;

  }

  .views-nav {
    float: left;
    width: 25.5%;
  }

  .views-nav a {
    background-image: none;
	font-size:13px;
  font-family: 'open_sansregular';
 text-align:left;
 color:#666;
 text-decoration:none;
  }
    .views-nav a:hover {
	text-decoration:none;
	color:#000;
	 font-family: 'open_sanssemibold';
	}
  .clearfix{
/*  background:#fff;*/}

  .demo-active .views-nav a.is-active {
    background-image: url(../img/tab_arrow.png);
    color: #0c9fc8;
  }

  .views-main .view {
    border-radius: 0;
    border-top-width: 0;
    margin-left: 27%;

  }

  .demo-active .views-main .view {
    display: none;
	
  }

  .views-main .view:first-child,
  .demo-active .views-main .view {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 2px;
	width:auto;

	

	

  }

  .views-main .view:last-child,
  .demo-active .views-main .view {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

  }

  .demo-active .views-main .view.is-active {
    display: block;
	
  }

  .view-nav-contents {
    display: none;
	
  }

}