a{
  color:white;
  font-size:20px;
}

a:hover{
  color: white;
  font-size: 150%;
}

body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

h1{
  text-align: center;
  font-family: Helvetica;
  font-size:65px;
  font-weight: bolder;
  color: #628ab5;
  text-shadow: 2px 1px #a7afb8;
}

h2{
  padding-top: 1%;
  font-family: Merriweather;
  font-weight: 900;
  font-size: 50px;
  color: #628ab5;
  text-shadow: 2px 1px #a7afb8;
  text-align: center;
  
}

  h3,h4 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 35px;
  color: #628ab5;
  text-shadow: 2px 2px #a7afb8;
}

h5,h6{
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #628ab5;
}

input[type=number]{
  border: 2px solid gray;
  border-radius: 4px;
  padding:5px;
}

input[type=text], input[type=number], input[type=tel], input[type=password],input[type=date] {
  border: 2px solid gray;
}

li a{
  font-size: 20px;
  color: #628ab5;
}

p{
  font-family: Lato;
  font-weight:400;
  font-size:20px;
}

tr,td,th{
  border: 2px solid black;
  text-align: center;
}

.about-row{
background-color: #628ab5;
text-align: center;
bottom: 0;
}

.bg-text{
  margin-top:10rem;
}

.btn{
  background-color: #628ab5;
  color: white;
}

.calcLogo{
  background-image: url("https://iili.io/qdW6wG.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height:300px;
}

.sacredCknImg{
  background-image: url("https://images.unsplash.com/photo-1556316918-880f9e893822?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height:475px;
}

.publiusImg{
  background-image: url("https://i0.wp.com/thehistorianshut.com/wp-content/uploads/2018/09/social-media-crop-of-an-1882-illustration-of-publius-claudius-pulcher-consulting-the-sacred-chickens-during-the-punic-war-public-domain-via-creative-commons_edited-1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height:475px;
}

.calcRow{
margin-left: 2.5%  
}

.calcText{
  color: #628ab5;
  font-weight: bold;
  font-size: 1.3rem;
}

.calculatorHeader{
  padding-top: 5%;
  font-family: Merriweather;
  font-weight: 900;
  font-size: 35px;
}

.cknBox{
  border: 2px solid #628ab5;
  border-radius: 5px;
  margin: 1em 6em;
  padding: 1em 3em;
}

.ckn-feet{
  background-image: url("https://iili.io/deAPv1.png");
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  height: 40px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.ckn-hdr{
  text-shadow: 2px 2px #a7afb8;
  font-size: 40px; 
  font-weight:bold; 
  color:#628ab5
}

.cknLogo{
  background-image: url("https://iili.io/qdWDc7.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height:800px;
}
.cknMap{
  background-image: url("https://iili.io/qnhxi7.png");
  background-repeat: no-repeat;
  background-position:center;
  background-size: contain;
  height: 750px;
}

.container-fluid{
  overflow-x: hidden;
}

.dfpBox{
  border-radius: 10px;
  padding: 45px;
  box-shadow: 3px 5px 7px  #888888;
  margin-bottom: 10px;
  margin-top: 10px;
}

.dfpIcon{
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
  height:150px;
  margin-bottom: 5%;
}

.dfpList{
  margin: 10px 0 10px 0;
}

.doneIcon{
  background-image: url("https://iili.io/dvuCiv.png");
}

.downArrow{
  background-image: url("https://iili.io/2GXsft.png");
}

.down-icon{
  background-image: url("https://iili.io/dvzPs4.png");
}

.emailBody{
  height: 175px;
}

.fas{
margin-left: 1%;  
}

.foot{
  font-size: 0.8rem;
  color: white;
}

.foot-links{
  text-shadow: 2px 2px #000000;
}

.hdr-text{
  font-family: Merriweather;
  color: #628ab5;
  font-size: 55px;
  text-shadow: 2px 2px #a7afb8;
  text-align: center;
}

.jumbotron{
  background-color: white;
  padding: 0 2rem;
}

.lead, .float-left {
  font-weight: 700;
  font-family: Merriweather;
}

.logo{
  height: 100px;
  width: 250px;
}

.lookup{
  padding-top:20%;
}

.lookupLabel{
  color: white;
  text-shadow: 2px 2px #737475;
  font-size: 1.3rem;
}

.mrkt-tbl{
  font-size: 20px;
}

.mrkt-tbl-hdr{
  font-weight:bold; 
  color:#628ab5;
  text-shadow: 2px 2px #a7afb8;
  font-size: 30px;
  min-width: 345px;
}

.navbar-brand:hover{
  font-size:250%;
  color:#a7afb8;
}

.no-border{
  border-top: 2px solid white !important;
  border-left: 2px solid white;
}

.oof{
  color:red;
  font-size:2em;
}

.payLbl{
  font-weight: 800;
  font-size: 1.1rem;
}

.penIcon{
  background-image: url("https://iili.io/dvTc8P.png");
}

.radioRight{
  margin-right: 5px;
  border-left: 2px solid #628ab5;
}

.SCbtn{
    width: 55%;
    box-shadow: 2px 2px 2px #333;
}

.SCbtn:hover{
                background-color:#a7afb8 !important;
                font-size: 125%;
            }

.shadow {
  box-shadow: 
  inset 0px 11px 8px -10px #CCC,
  inset 0px -11px 8px -10px #CCC;
  padding-top: 1%;
  padding-bottom: 1%;
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
  background-repeat: no-repeat;
}

.txt-center{
  text-align: center;
}

.whitespace{
  padding-top: 15px;
  padding-bottom: 15px;
}

.yay{
  color: green;
  font-size:2em;
}

#accnts{
  width:55%;
}

#bal{
  width:55%;
}

#border-right{
  border-right: 1px solid #628ab5;
}

#disclosure{
  font-size:14px;
  padding:15px;
}

#paypal-button-container{
  padding-top: 20px;
  padding-left: 25%;
  padding-right: 25%;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}