* {box-sizing:border-box}

body {
    background-image: linear-gradient(to right, #333, #777, #333);
    min-width:544px;
}

h1 {
    margin: 5px auto;
}

.text-black {
    font-family: Helvetica, sans-serif; 
    color:#333;
}
.text-white {
    font-family: Arial, sans-serif; 
    color:white;
}
.text-grey {
    font-family: Arial, sans-serif; 
    color:lightgrey;
}
.text-gold {
    font-family: Arial, sans-serif; 
    color:#d5a027;
}
.text-lrg {
    font-size:24px;
    padding:0;
    margin:5px;
    font-weight:bold;
}
.text-med {
    font-size:17px;
    padding:0;
    margin:2px;
}
.text-sml {
    font-size:15px;
    padding:0;
    margin:2px;
}
.text-tiny {
    font-size:10px;
    padding:0;
    margin:2px;
}





.heading-container {
   margin:5px;  
   text-align:center;
}
.heading-container img {
    width:300px;
}
#headshot {
    width:80px;
    border:1px solid black;
    margin:5px 20px 2px 20px;
    box-shadow:5px 5px 5px #999;
}

.calc-group {
    background-color:white;
    border:2px solid black;
    border-radius:10px;
    padding:1%;
    margin-bottom:30px;
    display: inline-block; 
    box-shadow:5px 5px 5px #999;

}
.calc-description {
    width:52%;
    float:left;
}
.calc-product {
    width:16%;
    text-align:center;
    float:left;
    border:solid 1px white;
}
.calc-click {
    width:48%;
    float:right;
    text-align:center;
}


.calc-product > img {
    height:170px;
}

.calc-product > img:hover {
  height: 280px;

}
.calc-description > img {
  height: 170px;
  border:1px solid black;

}
.calc-description > img:hover {
  height: 280px;
}

video {
    width:94%;
}

.aff-container {
    text-align:center;
}


footer {
    margin:10px auto; 
}
footer p{
    font-family:Arial;
    font-size:12px;
    color: #777777;
    margin:0 auto; 
    text-align:center;
}

hr {
    margin:30px 5%;
    width:90%;
    clear:both;
}



/* MEDIUM SCREEN */
@media screen and (max-width: 1000px) {
.calc-description {
    width:100%;
    clear:both;
}
.calc-product {
    width:33%;
    text-align:center;
    float:left;
    border:solid 1px white;
}
.calc-click {
    width:100%;
}
}




/* SMALL SCREEN */
@media screen and (max-width: 600px) {

.text-lrg {
    font-size:22px;
}
.text-med {
    font-size:16px;
}
.text-sml {
    font-size:10px;
}
.text-tiny {
    font-size:10px;
}

}



/* TINY SCREEN */
@media screen and (max-width: 270px) {


}