body{
    background-color: #f1f1f1;
}
main{
    margin: 20px auto;  
    max-width: 1000px;
    display: block;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
}
h2{
    font-size: 28px;
}
.red{
    color: red;
}
p, main ul, main ol{
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
    
}

main ul, main ol{
    padding-left: 20px;
}
main ul li{
    list-style: disc;  
}
.center{
    text-align: center;
}
.bg-beige{
    background-color: #fce5cd;
    padding: 20px;
    margin: 15px 0px;
}
.bg-green{
    background-color: #d9ead3;
    padding: 20px;
    margin: 15px 0px;
}
.bg-red{
    background-color: red;
    padding: 10px;
    margin: 15px 0px;
    color: #fff;
}
main img{
    max-width: 600px;
    width: 100%;
    display: block;
    margin: 10px auto;
}
@media (max-width:767px){
    #logo{
        left: 59%;
    }
}
.calc-caption {
    font-size:20px;
    display:block;
    text-align:center;
    line-height:80px
   }
   .overcard {
    font-family:calibri;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
   }
   .card {
    width:500px;
    border:1px solid #55a9cd;
    -webkit-box-shadow:1px 1px 3px #55a9cd;
    box-shadow:1px 1px 3px #55a9cd;
    border-top:10px solid #55a9cd;
    min-height:250px;
    margin:10px;
    padding:20px
   }
   .card img {
    border-radius:50%;
    width:70px;
    margin:10px
   }
   .card h1 {
    font-weight:lighter;
    margin-left:100px;
    margin-top:-70px
   }
   .card p {
    margin:30px;
    font-family:segoe ui;
    font-size:1.2em
   }
   .card ul {
    list-style-type:none;
    margin:0;
    padding:0
   }
   .card li {
    padding:8px 0 8px 25px
   }
   .card label {
    color:#2d2d2d;
    font-size:17px;
    font-family:Arial;
    width:50%
   }
   .calculator {
    width:100%;
    padding:5px;
    border:5px solid red;
    margin:0
   }
   .normText,
   label {
    padding:12px 12px 12px 0;
    display:inline-block;
    font-size:17px;
    margin-left:28px
   }
   .styled-select {
    height:29px;
    width:170px;
    display:inline-block
   }
   .styled-select select {
    font-size:14px;
    height:29px;
    padding:5px;
    width:198px
   }
   .styled-select.slate {
    height:34px;
    width:170px
   }
   .styled-select.slate select {
    border:1px solid #ccc;
    font-size:16px;
    height:34px;
    width:130px
   }
   .dobav {
    font-size:17px!important;
    font-weight:600!important;
    color:#3a3a3a!important;
    background:rgb(255 0 0/.03)!important;
    padding:6px 7px!important;
    -webkit-box-shadow:0 0 3px #f88;
    box-shadow:0 0 3px #f88
   }
   .dobav font {
    text-transform:uppercase;
    font-size:17px;
    color:#ff4343;
    text-shadow:0 0 1px #fff;
    font-weight:700
   }
   

@media screen and (min-width: 768px){
     h1 {
    font-size: 34px;
    }
}