.grid-container{
margin: 0 auto;
    width: 100%;
    max-width: 900px;
}

/*-- our cleafix hack -- */
.row:before,
.row:after {
    content:"";
    display: table ;
    clear:both;
}

[class*='col-'] {
    float: left;
    min-height: 1px;
    width: 16.66%;
    /*-- our gutter -- */
    padding: 12px;

}

.col-1{ width: 16.66%; }
.col-fourth{width:25%;}
.col-2{ width: 33.33%; }
.col-3{ width: 50%;    }
.col-4{ width: 66.66%; }
.col-5{ width: 83.33%; }
.col-6{ width: 100%;   }

.outline, .outline *{
    outline: 1px solid #F6A1A1;
}

/*-- some extra column content styling --*/
[class*='col-'] > p {
    background-color: #FFC2C2;
    padding: 0;
    margin: 0;
    text-align: center;
    color: white;
}


@media all and (max-width:800px){

.calculator-heading{
font-size: 25px;
}
    .col-1{ width: 33.33%;    }
    .col-2{ width: 50%;        }
.col-fourth{width:50%;}
    .col-3{ width: 83.33%;    }
    .col-4{ width: 100%;    }
    .col-5{ width: 100%;    }
    .col-6{ width: 100%;      }

    .row .col-2:last-of-type{
        width: 100%;
    }

    .row .col-5 ~ .col-1{
        width: 100%;
    }
}


@media all and (max-width:650px){

.calculator-heading{
font-size: 23px;
}

    .col-1{ width: 50%;        }
    .col-2{ width: 100%;    }
.col-fourth{width:100%;}
    .col-3{ width: 100%;    }
    .col-4{ width: 100%;    }
    .col-5{ width: 100%;    }
    .col-6{ width: 100%;      }
}

#metal-select,#purity-gold-select,#purity-silver-select{
    width:100%;
    height: 42px;
}

#weight{
width:100%;
height: 42px;
}



#calculate {
    width: 100%;
    margin-top: 24px;
    padding: 11px 10px;
    color: #fff;
    background: #000;
    border: 1px solid #000;
}

#calculate:hover{
    background-color: #439844;
    border: 1px solid #439844;
}
input#weight {
    border: 1px solid #bbbbbb;
}

.calculator-heading{
    color:white;
    text-align: center;
    background-color: #0b3b62;
    margin:0 auto !important;
    padding:5px 0px;
    max-width: 900px;
        font-size: 32px;
    padding: 12px;
}

.calculator-body{
    padding:10px;
    border:1px solid #439844;
    margin:15px auto 0px;
}

#calc_results_silver{

    color:#5fa300;
    font-weight: bold;
    font-size:20px;
}

#calc_results_gold{

    color:#5fa300;
    font-weight: bold;
    font-size:20px;
}

#calc_premium_results{

    color:#5fa300;
    font-weight: bold;
    font-size:20px;
}


#main_line{
    font-weight: bold;
    font-size: 18px;
}
.nice-select{
    width: 100%;
}
.col-fourth label {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-transform: none;
    line-height: 22px;
}