@import url("//hello.myfonts.net/count/3193cd");
@font-face {font-family: 'AndesRoundedBold';src: url('../fonts/3193CD_0_0.eot');src: url('../fonts/3193CD_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3193CD_0_0.woff2') format('woff2'),url('../fonts/3193CD_0_0.woff') format('woff'),url('../fonts/3193CD_0_0.ttf') format('truetype'),url('../fonts/3193CD_0_0.svg#wf') format('svg');}
@font-face {font-family: 'AndesRoundedBook';src: url('../fonts/3193CD_2_0.eot');src: url('../fonts/3193CD_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3193CD_2_0.woff2') format('woff2'),url('../fonts/3193CD_2_0.woff') format('woff'),url('../fonts/3193CD_2_0.ttf') format('truetype'),url('../fonts/3193CD_2_0.svg#wf') format('svg');}
@font-face {font-family: 'AndesRounded';src: url('../fonts/3193CD_7_0.eot');src: url('../fonts/3193CD_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3193CD_7_0.woff2') format('woff2'),url('../fonts/3193CD_7_0.woff') format('woff'),url('../fonts/3193CD_7_0.ttf') format('truetype'),url('../fonts/3193CD_7_0.svg#wf') format('svg');}

@font-face {
    font-family: 'hello_luckyregular';
    src: url('../fonts/hellolucky-webfont.woff2') format('woff2'),
         url('../fonts/hellolucky-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@media screen {
/* reset */
	body {
		margin: 0;
		padding: 0 0 0 0;
		font-size: 14px;
    	line-height : 20px;
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
        font-weight: 400;
		background: #ffffff;
	}

    .clear {
        clear: both;
    }

	img {
		border: 0px;
		padding: 0px;
		margin: 0px;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

    ul {
        margin: 0;
        padding: 0;
    }

    ul li {
        list-style-type: none;
    }

    .content ul {
        margin: 20px;
        padding-left: 20px;
    }

    .content ul li {
        list-style-type: disc;
    }

    hr {
      border: 0;
      border-top: 1px solid #e9e8e6;
      border-bottom: none;
    }

/* --------------------------------------------------
Grid
-------------------------------------------------- */    
    .column, .columns { float: left; display: inline; margin: 0 0 0 20px; }

    .one { width: 60px; }
    .two { width: 140px; }
    .three { width: 220px; }
    .four { width: 300px; }
    .five { width: 380px; }
    .six { width: 460px; }
    .seven { width: 540px; }
    .eight { width: 620px; }
    .nine { width: 700px; }
    .ten { width: 780px; }
    .eleven { width: 860px; }
    .twelve { width: 940px; }

    .offset-by-one-half { margin-left: 40px; }
    .offset-by-one { margin-left: 80px; }
    .offset-by-two { margin-left: 160px; }
    .offset-by-three { margin-left: 240px; }
    .offset-by-four { margin-left: 320px; }
    .offset-by-five { margin-left: 400px; }
    .offset-by-six { margin-left: 480px; }
    .offset-by-seven { margin-left: 560px; }
    .offset-by-eight { margin-left: 640px; }
    .offset-by-nine { margin-left: 720px; }
    .offset-by-ten { margin-left: 800px; }

/* Clear the columns automagically, thanks @kneath */
    .column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    * html .column-row, * html .row, * html .clearfix { height: 1%; }
    .column-row, .row, .clearfix { display: inline-block; }
    .column-row, .row, .clearfix { display: block; }


/* structural elements */
    /* This class gets applied by JavaScript */
    .sticky {
        position: fixed;
        top: 0;
    }
    /* The scripts also wraps the element in this to avoid jumpy behaviour when switching to pos: fixed */
    .article-sticky-wrapper {}

    nav {
        width: 100%;
        height: 175px;
        position: relative;
        background: rgba(255, 255, 255, 1.0);
        border-top: 4px solid #d0112b;
    }

    .centerhead {
        width: 940px;
        margin: 0px auto;
        position: relative;
    }

    .menuholder {
        background: #e2e0de;
        position: absolute;
        top: 120px;
        width: 100%;
    }

    .centercolumn {
        width: 940px;
        margin: 40px auto;
    }

    .container {
        position: relative;
    }

    .logo {
        margin: 10px auto 0 auto;
        width: 120px;
        height: 97px;
    }

    .logo img {
        width: 100%;
    }

    .hvr-grow {  /* animate logo */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .centercart {
        width: 940px;
        margin: 14px auto 0 auto;
        position: relative;
        z-index: 500;
    }

    .cart  {
        float: right;
    }

    .inset {
        width: 940px;
        margin: 0px auto;
    }

    .breadcrumbs {
        width: 100%;
        padding: 10px 0px 20px 0px;
        border-bottom: 1px solid #e9e8e6;
    }

    .topnavl {
		position: absolute;
        top: 0px;
        left: 0px;
        text-align: left;
    }

    .topnavr {
		position: absolute;
        top: 0px;
        right: 0px;
        text-align: right;
    }

    .searchbox {
		position: absolute;
        top: 35px;
        right: 0px;
        text-align: right;
    }

    .offerbox {
		position: absolute;
        top: 50px;
        left: 0px;
    }

    footer {
        padding: 50px 0px 0px 0px;
        width: 100%;
        background: #e9e9e9;
        color: #fff;
    }

    footer .copyright {
        padding: 10px 0px;
        width: 100%;
        background: #000;
        color: #fff;
    }

	footer .links {
		float: left;
		width: 220px;
		height: 350px;
		margin-right: 20px;
	}

	footer .links:last-child {
		margin-right: 0px;
	}

    .copyright{
        background: #000;
        padding: 5px;
		font-size: 12px;
    }

    img.stroke {
        border: 1px solid #000000;
    }

    img.right {
        float: right;
        margin: 0px 0px 15px 15px;
    }

    img.left {
        float: left;
        margin: 0px 15px 15px 0px;
    }

    img.leftw {
        float: left;
        margin: 0px 30px 30px 0px;
    }

    div.right {
        float: right;
        margin: 0px 0px 15px 15px;
    }

/* define colors */
    .white {
        color: #ffffff;
    }

    .black {
        color: #000000;
    }

    .dkgray {
        color: #857b74;
    }

	.navgray {
		color: #6e6259;
	}

    .ltgray {
        color: #e2e0de;
    }

    .blgray {
        color: #53565a;
    }

    .red, .sale  {
    	color: #d0112b;
    }

    .blue {
        color: #0073cf;
    }

/* page elements */

    .flexslider1, .flexslider2, .hero {
        width: 100%;
    }

    .flexslider1 .flexhead {
        position: absolute;
        top: 60px;
        right: 60px;
        width: 380px;
        text-align: center;
    }

    .flexslider2 .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: -30px;
        text-align: left;
        z-index: 100;
    }

    .breadcrumb, .offer, .skilllevel, .pinfobox span {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
		font-size: 12px;
		line-height: 14px;
        color: #75787b;
    }

    .pinfobox span {
        text-transform: uppercase;
    }

    .breadcrumb ul li {
        float: left;
        padding-right: 5px;
    }

    H1,H2,H3,H4,H5,H6 {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
		/* 400Book, 500Medium, 700Bold */
    }

    H1 {
        font-size : 30px;
        line-height: 34px;
        font-weight: 700;
        padding: 0px 0 0px 0;
        margin: 0px 0 15px 0;
    }

    H2 {
        font-size : 26px;
        line-height: 30px;
        font-weight: 700;
        padding: 0px 0 0px 0;
        margin: 0px 0 15px 0;
    }

    H3 {
        font-size : 20px;
        line-height: 24px;
        font-weight: 500;
        padding: 0px 0 0px 0;
        margin: 0px 0 15px 0;
    }

    .links H4 {
        font-size : 18px;
        line-height: 32px;
        font-weight: 700;
        padding: 0px 0 0px 0;
        margin: 0px 0 10px 0;
		text-transform: uppercase;
    }
    H5 {
        font-size : 14px;
        line-height: 18px;
        font-weight: 700;
        padding: 0px 0 0px 0;
        margin: 0px 0 5px 0;
        border-bottom: 1px solid #6e6259;
        text-transform: uppercase;
    }
    .popbox {
        display: block;
        background: #00b2a9;
        padding: 10px;
        height: 100px;
    }

    .badge {
        font-family: 'hello_luckyregular', cursive;
	    height: 50px;
	    width: 50px;
	    border-radius: 50%;
        font-size: 30px;
        line-height: 52px;
        text-align: center;
        position: absolute;
        top: 10px;
        left: 10px;
        border: 2px solid #ffffff;
        z-index: 100;
        -ms-transform: rotate(-15deg); /* IE 9 */
        -webkit-transform: rotate(-15deg); /* Safari */
        transform: rotate(-15deg);
    }

    .badge2 {
        left: 70px;
    }

    .badgenew {
		color: #fff;
		background: #00b2a9;
    }

    .badgesale {
		color: #fff;
		background: #e37221;
    }

    .prodbox {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        width: 220px;
        height: 330px;
        margin-top: 5px;
        margin-right: 16px;
        border: 1px solid #c5c0bd;
        position: relative;
        display: block;
        float: left;
    }

    .hvr-float {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    .prodbox:last-child {
        margin-right: 0px;
    }

    .prodbox:hover {
        border: 1px solid #d0112b;
    }

    .prodbox img {
        width: 100%;
        padding-bottom: 5px;
    }

    .prodbox .item {
        font-size: 15px;
        line-height: 20px;
        padding: 0px 15px;
        font-weight: 500;
    }

    .prodbox .price .item {
        padding: 0px;
    }

    .prodbox .skill {
        position: absolute;
        bottom: 10px;
        left: 15px;
        text-transform: uppercase;
        font-size: 11px;
    }

    .prodbox .wishlist {
        position: absolute;
        bottom: 5px;
        right: 15px;
        font-size: 16px;
    }

    .prodbox .price {
        font-size: 20px;
        line-height: 16px;
        font-weight: 400;
        padding: 0px 15px;
        letter-spacing: -1px;
    }

    .prodbox .listprice {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        text-decoration: line-through;
    }

    .prodbox .colors {
        display: block;
        background: #eeefee;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        width: 100%;
        padding: 3px 0px;
        position: absolute;
        bottom: 25px;
        left: 0px;
    }

    /* product detail information */
    .pinfobox {
        float: left;
        width: 160px;
    }

    .pinfoprice {
        float: right;
        text-align: right;
    }

    .pinfoprice span {
        font-size: 28px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: -1px;
    }

    .pinfoprice .listprice {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        text-decoration: line-through;
    }

    .ratings {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
        font-weight: 500;
        font-size: 12px;
        position: absolute;
        bottom: 5px;
        left: 15px;
    }

    .detail_image {
        width: 380px;
        height: 380px;
        border: 1px solid #6e6259;
        margin-bottom: 20px;
    }

    .promobox {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        width: 300px;
        height: 300px;
        margin-right: 18px;
        position: relative;
        display: block;
        float: left;
    }

    .promobox:last-child {
        margin-right: 0px;
    }

    .promoleft {
        height: 300px;
        width: 220px;
        margin-top: 35px;
    }

    .blogbg {
        padding: 50px 0px;
        background: #f8f8f7;
    }

    .blogbox {
        width: 300px;
        margin-right: 18px;
        float: left;
    }

    .blogbox:last-child {
        margin-right: 0px;
    }

    .blogbox .date {
        font-size: 11px;
        font-weight: 500;
    }

    .blogbox .author {
        font-size: 11px;
        font-weight: 700;
        float: right;
        text-align: right;
    }

    .newsletter_signup {
        background: #ffffff url(../images/bkgrnd-signup.jpg) center no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 50px 0px;
    }

    .newsletter_signup .logo {
        width: 139px;
        height: 113px;
        margin-bottom: 10px;
    }

    .newsletter_signup .box {
        margin-bottom: 10px;
    }

    .newsletter_signup .form {
        float: right;
        width: 350px;
        margin: 25px 0 20px 25px;
    }

    .newsletter_signup .form .pen {
        float: left;
        padding-top: 10px;
    }

    .skillbox {
        height: 13px;
        width: 22px;
        margin-right: 3px;
        background: #fff;
        border: 2px solid #96999a;
        float: left;
    }

    .skbl {
        -webkit-border-radius: 13px 0 0 13px;
        border-radius: 13px 0 0 13px;
    }

    .skbr {
        -webkit-border-radius:  0 13px 13px 0;
        border-radius:  0 13px 13px 0;
    }

    .skbfull {
        background: #96999a;
    }

    .swatchbox {
        border: 1px solid #c8c9c7;
        background: #f0efee;
        overflow: auto;
        height: 125px;
    }

    .swatch {
        border: 1px solid #cdcdcc;
        width: 75px;
        height: 75px;
        margin: 0 8px 8px 0;
        float: left;
    }

    .readmore {
        float: left;
        width:100%;
        height:20px;
        background:#f0efee;
        text-align: center;
    }

    .readmore:hover {
        background:#c8c9c7;
    }

    .artbtns {
        width: 285px;
        float: right;
    }

/* links and buttons */
    a {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
        text-decoration: none;
		color: #c8102e;
    }

    a:hover {
        color: #6e6259;
    }

    .disabled {
       pointer-events: none;
       cursor: default;
    }

    .black {
        color: #000;
    }

    a.black:hover {
        color: #c8102e;
    }

    .blogbox a {
        text-transform: uppercase;
    }

    .topnav ul li {
        display: inline-block;
    }

    .topnav a {
        font-size: 12px;
        font-weight: 500;
		color: #6e6259;
        text-transform: uppercase;
    }

    .topnav a:hover {
		color: #d0112b;
    }

    .topnavr a {
        margin-left: 15px;
    }

    .topnavl a {
        margin-right: 15px;
    }

    .breadcrumb a {
		color: #c8102e;
        text-transform: uppercase;
    }

    .breadcrumb a:hover {
		color: #000000;
    }

	footer .links li a {
		font-size: 14px;
		line-height: 24px;
		color: #000;
	}

	footer .links li a:hover {
		color: #d0112b;
        -webkit-transition: color 200ms ease-in;
        -moz-transition: color 200ms ease-in;
        -o-transition: color 200ms ease-in;
        transition: color 200ms ease-in;
	}

    .copyright a {
        color: #fff;
        margin-left: 30px;
        text-transform: uppercase;
    }

    .copyright a:hover {
        color: #d0112b;
    }

    div.sociallinks {
	    height: 30px;
	    width: 30px;
    }

    div.sociallinks {
	    border-radius: 50%;
        text-decoration: underline;
        color: #fff;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
        float: left;
		padding: 1px;
        margin: 0px 10px 10px 0px;
		background: #d0112b;
    }

    div.sociallinks:hover {
        background: #6e6259;
		-webkit-transition: background 200ms ease-in;
		-moz-transition: background 200ms ease-in;
		-o-transition: background 200ms ease-in;
		transition: background 200ms ease-in;
    }


    a.hover img {
        -moz-opacity: 1.0;
        opacity: 1.0;
    }

    a.hover:hover img {
        -moz-opacity: .70;
        opacity: .70;
    }

    .btn {
        text-decoration: none;
        white-space: nowrap;
        font-size: 12px;
		text-transform: uppercase;
        line-height: 50px;
        font-weight: 500;
        text-align: center;
        padding: 15px;
    }

    .hm {  /*to align the buttons to the headers on the homepage */
        vertical-align: middle;
        margin-left: 25px;
    }

    .art {
        display: block;
        line-height: 40px;
        padding: 0px;
        margin-bottom: 2px;
    }

    .sm {
        line-height: 20px;
        padding: 10px;
        width: 120px;
        display: block;
    }

    .wide {
        display: block;
        line-height: normal;
        margin-bottom: 5px;
    }

    a.red {
        color: #fff;
        border: 1px solid #c80500;
		background: #c80500;
    }

    a.red:hover {
		background: #857b74;
        border: 1px solid #857b74;
        -webkit-transition: background 200ms ease-in,border 200ms ease-in;
        -moz-transition: background 200ms ease-in,border 200ms ease-in;
        -o-transition: background 200ms ease-in,border 200ms ease-in;
        transition: background 200ms ease-in,border 200ms ease-in;
    }

    a.white {
        color: #c80500;
        border: 1px solid #c80500;
		background: transparent;
    }

    a.white:hover {
        color: #fff;
		background: #857b74;
        border: 1px solid #857b74;
        -webkit-transition: background 200ms ease-in;
        -moz-transition: background 200ms ease-in;
        -o-transition: background 200ms ease-in;
        transition: background 200ms ease-in;
    }

    a.gray {
        float: right;
        margin-left: 1px;
        color: #fff;
		background: #857b74;
        line-height: normal;
        padding: 20px 15px;
    }

    a.gray:hover {
		background: #c80500;
        -webkit-transition: background 200ms ease-in;
        -moz-transition: background 200ms ease-in;
        -o-transition: background 200ms ease-in;
        transition: background 200ms ease-in;
    }

    a.neg {
        color: #fff;
        border: 1px solid #fff;
		background: transparent;
    }

    a.neg:hover {
        color: #000;
		background: transparent;
        border: 1px solid #000;
        -webkit-transition: background 200ms ease-in,border 200ms ease-in;
        -moz-transition: background 200ms ease-in,border 200ms ease-in;
        -o-transition: background 200ms ease-in,border 200ms ease-in;
        transition: background 200ms ease-in,border 200ms ease-in;
    }

    .tabs p a {
        font-size: 16px;
        font-weight: 400;
    }


    .tabs {
        max-width: 100%;
        float: none;
        list-style: none;
        padding: 0;
        margin: 75px auto;
    }
    .tabs:after {
        content: '';
        display: table;
        clear: both;
    }
    .tabs input[type=radio] {
        display:none;
    }
    .tabs label {
        display: block;
        float: left;
        color: #6e6259;
        font-size: 12px;
        font-weight: 500;
        text-decoration: none;
        text-align: center;
        line-height: 2;
        padding: 10px 0px;
        cursor: pointer;
        background: #e2e0de;
        border-bottom: 2px solid #6e6259;
        -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
        transition: all 0.5s;
    }
    .tabs label.three {
        width: 33.3333%;
    }
    .tabs label.four {
        width: 25%;
    }

    .tabs label span {
        text-transform: uppercase;
    }
    .tabs label:hover {
        color: #fff;
        background: #c8102e;
        border-bottom: 2px solid #6e6259;
    }
    .tab-content {
        display: none;
        width: 100%;
        float: left;
        padding: 15px;
        box-sizing: border-box;
        background-color:#ffffff;
    }

    .tabs [id^="tab"]:checked + label {
        background: #6e6259;
        border-bottom: 2px solid #6e6259;
        color: #FFF;
    }
    #tab1:checked ~ #tab-content1,
    #tab2:checked ~ #tab-content2,
    #tab3:checked ~ #tab-content3,
    #tab4:checked ~ #tab-content4 {
        display: block;
    }
    .tab-content * {
        -webkit-animation: scale 0.7s ease-in-out;
        -moz-animation: scale 0.7s ease-in-out;
        animation: scale 0.7s ease-in-out;
    }
    @keyframes scale {
      0% {
        transform: scale(0.9);
        opacity: 0;
        }
      50% {
        transform: scale(1.01);
        opacity: 0.5;
        }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }


/* form elements */

    INPUT, TEXTAREA, SELECT {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #c8c9c7;
      color: #000000;
      font-family: "Gotham SSm A","Gotham SSm B","MontserratRegular",sans-serif !important;
      font-size: 14px;
      font-weight: 500;
      padding: 14px;
    }

    /* disable the highlight for now
    INPUT:focus, TEXTAREA:focus, SELECT:focus {
        -webkit-box-shadow: 0px 0px 8px 0px #d0112b;
        -moz-box-shadow: 0px 0px 8px 0px #d0112b;
        box-shadow: 0px 0px 8px 0px #d0112b;
        border:1px solid #d0112b;
    }
    */

    INPUT.bullets,INPUT.checkbox  {
        background: transparent;
        border-width: 0;
    }

    button.submit  {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
        color: #fff;
        border: 1px solid #c80500;
		background: #c80500;
        line-height: normal;
    }

    button.submit:Hover  {
		background: #857b74;
        border: 1px solid #857b74;
        -webkit-transition: background 200ms ease-in,border 200ms ease-in;
        -moz-transition: background 200ms ease-in,border 200ms ease-in;
        -o-transition: background 200ms ease-in,border 200ms ease-in;
        transition: background 200ms ease-in,border 200ms ease-in;
        cursor:pointer;
    }

    input.white {
        background: transparent;
        color: #fff;
        border: none;
        border-bottom: 1px solid #fff;
        margin: 0 -4px 0 0;
    }

    button.newsletter_signup  {
		font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
        color: #fff;
        border: 1px solid #fff;
		background: transparent;
        line-height: normal;
    }

    button.newsletter_signup:Hover  {
		background: #c80500;
        border: 1px solid #c80500;
        -webkit-transition: background 200ms ease-in,border 200ms ease-in;
        -moz-transition: background 200ms ease-in,border 200ms ease-in;
        -o-transition: background 200ms ease-in,border 200ms ease-in;
        transition: background 200ms ease-in,border 200ms ease-in;
        cursor:pointer;
    }

    input.red {
        background: transparent;
        color: #000;
        border: none;
        border-bottom: 1px solid #c80500;
        margin: 0 -40px 0 0;
    }

    button.search  {
        color: #c80500;
        border: none;
        padding: 0px 8px;
        line-height: 42px;
		background: transparent;
    }

    button.search:Hover  {
        color: #857b74;
        -webkit-transition: color 200ms ease-in;
        -moz-transition: color 200ms ease-in;
        -o-transition: color 200ms ease-in;
        transition: color 200ms ease-in;
        cursor:pointer;
    }

}

@media (min-width: 992px)and (max-width: 1199px) {
/* iPad landscape */

}

@media (min-width: 768px)and (max-width: 991px) {
/* iPad portrait */


}

@media (max-width: 767px) {
/* cell phones landscape */
    nav {
        width: 100%;
        height: 1px;
    }

    .menuholder {
        width: 100%;
    }

    .centercolumn {
        width: 95%;
        margin: 20px auto;
    }

    footer .inset {
        width: 95%;
        margin: 0px auto;
    }

    div#spacer {
        clear: both;
        height: 39px;
    }

    .logo,.phone {
        display: none;
    }
}

@media (max-width: 480px) {
/* cell phones portrait */
}