body {
    font-family: Lato, sans-serif;
    background-color: white;
    color: black;
  }


.header-home {
    padding: 2vw 3vw 12vw 5vw;
    background-image: url("/images/layout/meteorite-home.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    color: white;
}
.header-home-small {
    background-image: url("/images/layout/meteorite-home-small.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}


.header-other {
    padding: 0 0 2vw 0;
    background-image: url("/images/layout/header-other.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: white;
}


.header-logo-link {
    font-size: calc(16px + 2vw);
    font-weight: 300;
    padding-right: 1vw;
}

.header-other-logo-link {
    font-size: calc(14px + 1.5vw);
    font-weight: 300;
    padding-left: 2vw;
    padding-right: 2vw;
}

.header-logo-link {
    font-size: calc(14px + 2vw);
    font-weight: 300;
    padding-right: 1vw;
}
.subhead {
    font-size: calc(12px + 1vw);
    font-weight: 500;
    padding-left: 2vw;
}

.page-main {
    margin: 0;
    padding: 1vw 4vw 2vw 3vw;
    color: black;
}

.page-title {
    font-size: calc(13px + 1vw);
    font-weight: 700;
    padding-bottom: .5vw;
}

.section-title {
    font-size: calc(14px + .3vw);
    font-weight: 600;
    padding-top: .5vw;
    padding-bottom: .5vw;
}
.section-subtitle {
    font-size: calc(13px + .3vw);
    font-weight: 600;
    padding: calc(5px + .4vw) 1vw .4vw 1vw;
}

.page-section {
    margin: 0;
    padding: 0vw 1vw 1vw 1vw;
    font-weight: 500;
}


.section-hide {
    display: none;
}

.section-image {
    margin: 0;
    padding: 0;
    width: 100%
}
.section-image-caption {
    margin: 0;
    padding: .3vw 1vw 0 0;
    font-size: calc(8px + .4vw);
    font-weight: 600;
    width: 100%
}


    .section-menu ul {
        list-style-type: none;
    }



.section-link-active {
    background-color: #dddddd;
}

.header-logo-link-small {
    padding-top: 3vw;
    padding-bottom: 1vw;
    padding-left: 5%;
    padding-right: 5%;
    color: white;
    font-size: calc(20px + 2vw);
    font-weight: 300;
}

.header-quote {
    padding-top: 1.5vw;
    padding-left: 1vw;
    padding-right: 1.8vw;
    color: white;
    text-align: center;
    font-size: calc(10px + .5vw);
}

.header-quote-small {
    padding-top: 2vw;
    padding-bottom: 2vw;
    color: white;
    text-align: center;
    width: 90%;
}

.header-other-image {
    padding: 0;
    margin: 0;
    width: 100%
}

.nav-main {
    padding-top: 1.4vw;
    text-align: right;
    font-size: calc(9px + .5vw);
}
.nav-other-main {
    padding-top: 1vw;
    text-align: right;
    font-size: calc(8px + .4vw);
}

.nav-main-small {
    height: calc(20px + 9vw)
}


.nav-link {
    font-weight: 500;
    padding-bottom: .6rem;
    padding-right: 2.5vw;
    opacity: 0.8;
    -webkit-transition: opacity 350ms ease;
    transition: opacity 350ms ease;
}

    .nav-link:hover {
        opacity: 1;
    }


.nav-link-current {
    font-weight: 500;
    padding-bottom: .6rem;
    padding-right: 2.5vw;
}

.nav-link-small {
    height: 12vw;
    width: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #444444;
    text-align: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
    background-color: #222222;
    color: white;
    display: inline-block;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: calc(10px + 2vw);
}
    .nav-link-small:hover {
        cursor: pointer;
    }


.footer-nav-link-small {
    height: 10vw;
    width: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #444444;
    text-align: center;
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
    background-color: #222222;
    color: white;
    display: inline-block;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: calc(8px + 2vw);
}

    .footer-nav-link-small:hover {
        cursor: pointer;
    }



    .nav-other-link {
        font-weight: 500;
        padding-bottom: .6rem;
        padding-right: 2.5vw;
        opacity: 0.8;
        -webkit-transition: opacity 350ms ease;
        transition: opacity 350ms ease;
    }

    .nav-other-link:hover {
        opacity: 1;
    }


.nav-other-link-current {
    font-weight: 500;
    padding-bottom: .6rem;
    padding-right: 2.5vw;

}

.nav-right {
    padding-top: 1vw;
}
.nav-right-small {
    padding-top: 4vw;
}


.nav-icon {
    padding-bottom: .6rem;
    padding-right: 1vw;
    opacity: 0.9;
    -webkit-transition: opacity 350ms ease;
    transition: opacity 350ms ease;
    text-transform: uppercase;
}

    .nav-icon:hover {
        opacity: 1;
    }

    .nav-icon:current {
        opacity: 1;
    }


.menu-padder {
    margin-left: 2vw;
}

.new-news {
    color: green;
    font-style: italic;
    font-weight: bold;
    padding-right: 1vw;
}

.section-image-full {
    margin: 0;
    padding: 0;
    z-index: 1;
}

.section-image-full-text {
    font-size: calc(9px + .2vw);
    position: absolute;
    z-index: 2;
    left: 48%;
    top: 1vw;
    padding-right: 5vw;
}

.section-image-full-text-right {
    padding-right: 2vw;
    text-align: right;
    width: 95%;
}

.products {
    padding: 0 2vw 2vw 2vw;
}

.product {
    padding: 0;
    margin: 0;
    width: 100%;
}
    .product:hover {
        cursor: pointer;
    }
.product-button-large:hover {
    cursor: pointer;
}
.product-button-small:hover {
    cursor: pointer;
}
.product-background {
    margin: 0;
    padding: 0 1.5vw 2vw 1.5vw;
    width: 100%;
}
.product-thumbnail {
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
    z-index: 1;
    position: relative;
    background-color: #dddddd;
}

    .product-thumbnail:hover {
        background-color: #eeeeee;
        transition: background-color 350ms ease;
    }

.product-thumbnail-image {
    margin: 0;
    padding: 25% 15% 20% 15%;
    z-index: 1;
}

.product-class {
    font-weight: bold;
    font-size: calc(10px + .2vw);
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background-color: white;
    padding: .3vw .6vw .3vw .6vw;
}


.product-title {
    margin: 0;
    padding: .2vw 0 .1vw 0vw;
    font-weight: bold;
    font-size: calc(11px + .2vw);
    line-height: calc(15px + .2vw);
}

.product-weight {
    margin: 0;
    padding: .2vw 1vw .1vw 0;
    font-size: calc(9px + .2vw);
    line-height: calc(15px + .2vw);
    text-align: right;
}


.product-cost {
    margin: 0;
    padding: 0 0 calc(10px + .5vw) 0;
    font-style: italic;
    font-size: calc(10px + .2vw);
    line-height: calc(11px + .2vw);
}


.product-image-large-container {
    padding: 0, 3vw, 5vw, 0;
    margin: 0, 0, 2vw, 0;
}

.product-image-large {
    margin: 0;
    padding: 20% 10% 15% 10%;
    background-color: #dddddd;
}

.product-large-container {
    padding: 0, 3vw, 5vw, 0;
    margin-bottom: 2vw;
}

.product-name-large {
    font-size: calc(16px + .3vw);
    font-weight: 600;
}

.product-description {
    font-size: calc(12px + .3vw);
}

.review {
    width: 78%;
    margin: 0;
    padding: 0 0 0 2vw;
    white-space: nowrap;
}
.review-tablehead {
    width: 78%;
    text-align: left;
    margin: 0;
    padding: .5vw 0 .5vw 2vw;
    font-size: calc(13px + .2vw);
    line-height: calc(15px + .2vw);
    font-weight: bold;
}
.review-tablehead-right {
    font-size: calc(13px + .2vw);
    line-height: calc(15px + .2vw);
    font-weight: bold;
    text-align: right;
    padding: .5vw 2vw .5vw 0;
}
.review-description {
    font-size: calc(11px + .2vw);
    line-height: calc(15px + .2vw);
}
.review-price {
    margin: 0;
    padding: 0 2vw 0 0;
    font-size: calc(11px + .2vw);
    line-height: calc(13px + .2vw);
    text-align: right;
    width: 18%;
}
.review-description-small {
    font-size: calc(9px + .2vw);
    line-height: calc(11px + .2vw);
    position: relative;
    top: calc(-8px);
}
.review-currency {
    margin: 0;
    padding: 0;
    width: 4%;
    text-align: right;
    font-size: calc(11px + .2vw);
    line-height: calc(13px + .2vw);
}

.review-subtotal {
    margin: 0;
    padding: 1vw 2vw 0 0;
    background-color: white;
    text-align: right;
    font-size: calc(11px + .2vw);
}
.review-total {
    margin: 0;
    padding: .7vw 2vw 0 0;
    background-color: white;
    font-weight: bold;
    text-align: right;
    font-size: calc(13px + .2vw);
}
.review-ship {
    font-weight: bold;
    font-size: calc(14px + .2vw);
    padding-top: 3vw;
    padding-left: 2vw;
}

.review-address {
    font-size: calc(12px + .2vw);
    padding-bottom: 3vw;
    padding-top: calc(3px + 3vw);
}

.table-plain {
    border: 0;
    background-color: white;
}



.product-data {
    line-height: calc(18px + .3vw);
}

.product-data-name {
    font-size: calc(13px + .3vw);
    font-weight: bold;
}

.product-price-large {
    font-size: calc(16px + .3vw);
    font-weight: bold;
    padding-bottom: 1vw;
    margin-top: 8px;
}

.product-button-large {
    margin-top: 5px;
    padding: calc(4px + .4vw);
    font-size: calc(15px + .3vw);
    color: white;
    font-weight: 600;
    background-color: darkgreen;
}
.product-button-small {
    margin-top: 5px;
    padding: calc(3px + .3vw);
    font-size: calc(10px + .3vw);
    color: white;
    font-weight: 600;
    background-color: darkgreen;
}

.cart-offset {
    padding-left: 2vw;
}

.password-hide {
    display: none;
}
.password-show {
    display: block;
}

.password-forgot {
    display: none;
}

.password-forgot-link {
    color: slateblue;
    font-size: calc(8px + .5vw);
}



.checkout-label-text {
    padding-right: 1.2vw;
    padding-top: 1.2vw;
    font-weight: bold;
}
.checkout-input {

    line-height: calc(10px + .5vw);
    font-size: calc(8px + .5vw);
    margin: .5vw 0 .5vw 0;
    box-sizing: border-box;
}

.checkout-input-full {
    padding-top: 1.2vw;
    font-weight: bold;
}

.checkout-input-3 {
    margin-top: 1.2vw;
    margin-right: .6vw;
}
.checkout-textarea {
    width: 100%;
}

.error-message {
    font-size: calc(15px + .3vw);
    font-weight: bold;
    color: red;
    padding-bottom: 1vw;
}
.error-message a{
    font-size: calc(15px + .3vw);
    font-weight: bold;
    color: blue;
}

.error-message-small {
    font-size: calc(10px + .3vw);
    color: red;
    padding-right: 1vw;
    line-height: calc(12px + .3vw);
    position: relative;
    top: calc(-6px - .5vw);
}

.success-message {
    font-size: calc(15px + .3vw);
    font-weight: bold;
    color: green;
}

.text-link {
    color: slateblue;
}



.footer-top {
    height: 8vw;
    padding-top: 2vw;
    padding-left: 9vw;
}

.footer-top-small {
    height: 20vw;
    padding-top: 2vw;
    padding-left: 2vw;
}


.footer-logo-link {
    color: white;
    font-size: calc(16px + 2vw);
    font-weight: 300;
    padding-right: 1vw;
}

.footer-logo-link-small {
    padding-top: 3vw;
    padding-left: 5%;
    padding-right: 5%;
    color: white;
    font-size: calc(18px + 2vw);
    font-weight: 300;
}

.footer-link-large {
    font-weight: 500;
    font-size: calc(9px + .5vw);
    line-height: calc(11px + .5vw);
    opacity: 0.9;
    -webkit-transition: opacity 350ms ease;
    transition: opacity 350ms ease;
}
.footer-link-large-container {
    line-height: calc(13px + .5vw);
}
.footer-link-small {
    font-weight: 400;
    font-size: calc(10px + .2vw);
    opacity: 0.8;
    -webkit-transition: opacity 350ms ease;
    transition: opacity 350ms ease;

}




.menu-nopad {
    margin: 0;
    padding: 0;
}
.contact {
    padding-left: .8vw;
    padding-top: .8vw;
    padding-right: .8vw;
    border-radius: .12vw;
    background-color: hsla(0, 0%, 100%, .3);
}





.sale-tile {
    background-image: url("/images/home/forsale.jpg");
}

.impact-tile {
    background-image: url("/images/home/meteor-crater.jpg");
    background-size: 100% 100%;
}



.news-tile {
    background-image: url("/images/home/news-and-links.jpg");
    background-size: 100% 100%;
}

.footer {
    color: white;
    background-image: url("/images/layout/footer.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
    .footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 1vw;
        line-height: calc(14px + .2vw);
    }

.footer-notices-small {
    text-align: center;
}

.cart-button {
    text-align: center;
}

.news.nav-link {
    padding: 0 2vw 0 2vw;
}

.login-right {
    font-weight: bold;
}


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


    .section-link-container {
        padding: 0 .7vw 0 .7vw;
    }

    .section-link {
        font-weight: 600;
        font-size: calc(8px + .4vw);
        padding: .6vw .8vw .5vw .8vw;
    }

    .login-right {
        text-align: right;
        padding-right: 1vw;
    }

    .date-text {
        text-align: right;
        padding-right: 1vw;
    }

    .section-image-container-full {
        margin: 0;
        padding: 0 1% 1vw 1%;
        width: 98%;
        z-index: 1;
        position: relative;
    }

    .checkout-textarea {
        height: 15vw;
    }
    .checkout-label {
        text-align: right;
    }

    .cart-image {
        width: 20%;
        vertical-align: middle;
    }

    .cart-description {
        font-size: calc(11px + .3vw);
        vertical-align: middle;
        width: 80%;
    }
    .cart-pad-right {
        padding-right: 1vw;
    }

    .menu-padder {
        margin-bottom: 3vw;

    }
    .header-other {
        background-image: url("/images/layout/header-other.jpg");
    }

    .footer-bottom {
        height: 6vw;
        padding-top: 2vw;
    }

    .menu-tile {
        height: 20vw;
        padding-top: 17vw;
        padding-left: 1vw;
        font-weight: 600;
        font-size: calc(2vw);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
        .menu-tile:hover {
            cursor: pointer;
        }

    .menu2-tile {
        height: 18vw;
        margin-top: 1vw;
        padding-top: 15vw;
        padding-left: 1vw;
        font-weight: 600;
        font-size: calc(2vw);
        background-repeat: no-repeat;
    }

        .menu2-tile:hover {
            cursor: pointer;
        }


        .tile-container {
            position: relative;
            top: calc(-40px - 5vw);
            background-color: #fff;
            color: white;
            padding-top: 1vw;
            padding-left: 1vw;
            padding-right: 2vw;
        }

    .tile-container-follow {
        position: relative;
        top: 4vw;
        left: -4vw;
    }

    .home-section {
        position: relative;
        top: -4.5vw;
        font-size: calc(11px + .3vw);
        line-height: calc(15px + .3vw);
        padding-left: 1vw;
        padding-right: 1vw;
        text-align: center;
    }

    .tile-offset {
        position: relative;
        left: 1vw;
    }
    .tile-offset2 {
        position: relative;
        left: 2vw;
    }

    .meteor-tile {
        background-image: url("/images/home/meteorites.jpg");
    }
    .featured-tile {
        background-size: 95.1% 100%;
    }

    .section-image-container-right {
        margin: 0;
        padding: 0 1% 1vw 2vw;
        float: right;
        width: 35%;
    }


    .section-image-container-left {
        margin: 0;
        padding: 0 2vw 1vw 1%;
        float: left;
        width: 35%;
    }

    .section-image-container-left-half {
        margin: 0;
        padding: 0 2vw 1vw 1%;
        float: left;
        width: 50%;
    }
    .section-image-container-right-big {
        margin: 0;
        padding: 0 1% 1vw 0;
        width: 55%;
        float: right;
    }

    .section-menu {
        text-align: center;
        padding: 1vw 2% 1vw 1%;
        margin-bottom: 2vw;
        width: 97%;
        background-color: #eeeeee;
    }

}

@media screen and (max-width: 640px) {

    .section-link-container {
        padding: 0 .2vw 0 .2vw;
    }

    .section-link {
        font-weight: 600;
        font-size: calc(8px + .4vw);
        padding: .6vw .6vw .5vw .6vw;
    }

    .home-section {
        font-size: calc(11px + .3vw);
        line-height: calc(14px + .3vw);
        padding: 1vw 10vw 3.5vw 10vw;
    }


    .section-image-container-full {
        margin: 0;
        padding: 0 1% 1vw 1%;
        width: 98%;
        z-index: 1;
        position: relative;
    }

    .section-menu {
        text-align: center;
        padding: 1vw 1% 1vw 1%;
        margin-bottom: 2vw;
        width: 98%;
        background-color: #eeeeee;
    }


    .checkout-textarea {

        height: 30vw;
    }


    .cart-image {
        width: 25%;
        vertical-align: middle;
    }

    .cart-description {
        font-size: calc(10px + .3vw);
        vertical-align: middle;
        width: 75%;
    }


    .footer-bottom {
        padding-bottom: 4vw;
        padding-top: 4vw;
    }

    .header-other {
        background-image: url("/images/layout/header-other-small.jpg");
    }
        
    .topquote {
        padding-bottom: 2vw;

    }

    .tile-container {
        position: relative;
        top: -2px;
    }



    .menu-tile {
        color: white;
        padding-left: 2vw;
        font-weight: 600;
        font-size: calc(5vw);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
        .menu-tile:hover {
            cursor: pointer;
        }

    .menu2-tile {
        color: white;
        height: 85vw;
        padding-top: 4vw;
        padding-left: 2vw;
        font-weight: 600;
        font-size: calc(5vw);
        background-repeat: no-repeat;
        position: relative;
        top: -1px;
    }

    .menu2-tile:hover {
        cursor: pointer;
    }
    .meteor-tile {
        background-image: url("/images/home/meteorites-small.jpg");
        height: 75vw;
        padding-top: 5vw;

    }

    .sale-tile {
        background-image: url("/images/home/forsale.jpg");
        height: 75vw;
        padding-top: 4vw;
        position: relative;
        top: -1px;
    }



    .news-tile {
        background-size: 100% 100%;
        position: relative;
        top: -2px;
    }
    .featured-tile {
        background-size: 100% 100%;
        position: relative;
        top: -3px;
    }

    .section-image-container-right {
        margin: 0;
        padding: 0 1% 1vw 0;
        width: 99%;
    }
    .section-image-container-left {
        margin: 0;
        padding: 0 1% 1vw 0;
        width: 99%;
    }
    .section-image-container-left-half {
        margin: 0;
        padding: 0 1% 1vw 0;
        width: 99%;
    }
    .section-image-container-right-big {
        margin: 0;
        padding: 0 1% 1vw 0;
        width: 99%;
    }
}


a {
    color: inherit;
}
a:hover {
    color: inherit;
}

    a:link {
        text-decoration: none;
    }