/*------------------------------------------------------------

	Aether Themes 6 Columns Grid

--------------------------------------------------------------*/

/* Resets
-------------------------------------------------------------- */
@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

html {
  overflow-y: auto;
}

img,
audio,
video,
canvas {
  max-width: 100%;
}

* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

/* Grid
-------------------------------------------------------------- */

.container {
	max-width: 100%;
	width:100%;
	margin:0px auto;
	position: relative;
	zoom:1;
}

.container:before, .container:after { content:""; display: table; }
.container:after { clear:both; }


@media screen and (min-width: 480px) {
  .container {
    width: 100%;
  }

  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-half,
  .grid-full {
    float: left;
    width: 100%;
    margin: 0;
  }

  .grid-half {
    width: 46.969696969697%;
    margin: 0 1.515151515152%;
  }

}

@media screen and (min-width: 960px) {

  .grid-1     { width: 13.636363636364%; }
  .grid-2     { width: 20.666666666%; }
  .grid-3,
  .grid-half  { width: 46.969696969697%; }
  .grid-4     { width: 63.636363636364%; }
  .grid-5     { width: 80.30303030303%; }
  .grid-6,
  .grid-full  { width: 100%; }

}

@media screen and (max-width: 960px) {
  .grid-2     { width: 33%; }
  .logo {
width: 150px!important;
margin-left: 5%;
float: left;
}
.feature-list {
font-style: italic;
font-weight: 300;
font-size: 11px!important;
color: #fff;
color: rgba(255, 255, 255, .95)!important;
text-align: center;
color: #fff;
 }

@media screen and (max-width: 448px) {
  .grid-2     { width: 56%; }
 }
 
@media screen and (max-width:280px) {
  .logo {
width: 123px!important;
margin-left: 5%;
float: left;
}
.nav-button {
display: none;
width: 26px;
height: 30px;
background: transparent;
padding: 0;
margin-right: 64px!important;
float: right;
border: none;
cursor: pointer;
}
}
@media screen and (max-width:380px) {
.visible {
display: none!important;
}
}

/* Clearfix
-------------------------------------------------------------- */
.clearfix:before, .clearfix:after { content:""; display: table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }