html, body {
    height: 100%;
    margin: 0;
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
    background-color: rgb(241,241,241);
}

.ca-main-img {
  background-color: white;
  text-align: center;
}

.main-img{
  padding: 3rem 2rem 3rem 2rem;
  max-width: 42rem;
}

.home-banner {
  height: 10rem;
  color: white;
  background: -webkit-linear-gradient(right, #396afc, #2948ff);
  background: -moz-linear-gradient(right, #396afc, #2948ff);
  background: -o-linear-gradient(right, #396afc, #2948ff);
  background: linear-gradient(to right, r#396afc, #2948ff);
}

.main-bnr-header{
  float: left;
}
  
.main-content{
  background-color: rgb(241,241,241);
  text-align: center;
}

.box-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.banner-imgs {
  width: 100%;
  height: 100%;
}

.boxes{
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 5px;
  background-color: #f3f3f3;
  margin: 1rem 1rem;
  flex-basis: 100%;
}

.boxes p {
  padding: 0rem 1rem;
  font-weight: bold;
}

.imgd {
  position: relative;
}

.info-link {
  margin: 1rem 0rem;
}

.span-link-ttl {
  color: #5277ff;
  font-weight: 800;
}

.divider-banner{
  text-align: center;
}

.hay-banner{
  height: 10rem;
  color: white;
  background: -webkit-linear-gradient(right, rgb(67, 198, 172), rgb(25, 22, 84));
  background: -moz-linear-gradient(right, rgb(67, 198, 172), rgb(25, 22, 84));
  background: -o-linear-gradient(right, rgb(67, 198, 172), rgb(25, 22, 84));
  background: linear-gradient(to right, rgb(67, 198, 172), rgb(25, 22, 84));
}

.divider-btn {
  border-radius: .25rem;
  background-color: #5277ff;
  color: #fff;
  padding: .75rem;
  border: none;
  font-weight: bold;
}

.divider-btn:hover {
  cursor: pointer;
  background-color: #3861f9;
}

.divider-btn:focus {
  background-color: #3861f9;
}

.pets-divider-link {
  background: -webkit-linear-gradient(right, #c33764, #1d2671);
  background: -moz-linear-gradient(right, #c33764, #1d2671);
  background: -o-linear-gradient(right, #c33764, #1d2671);
  background: linear-gradient(to right, #c33764, #1d2671);
  margin-bottom: .125rem;
}

.divider-list {
  list-style: none;
}

.divider-item {
  display: inline;
  padding: 1rem;
}

.pets-banner {
  height: auto;
  overflow: auto;
  padding: 2rem 0rem;
  color: white;
  background: -webkit-linear-gradient(right, #c33764, #1d2671);
  background: -moz-linear-gradient(right, #c33764, #1d2671);
  background: -o-linear-gradient(right, #c33764, #1d2671);
  background: linear-gradient(to right, #c33764, #1d2671);
}

.divider-h2 {
  padding: 1rem 0;
  font-size: xx-large;
}

.icon{
  background-color: #dfe6ec;
  margin-top: 5%;
  border-radius: 50%;
  padding: 1%;
  height: 5em;
}

.icon:hover{
  border: 5px solid rgb(149, 175, 42);
}

.box-title{
  font-weight: 400;
  color: #000;
  margin: 3rem 1rem 1rem 1rem;
}

.info-btn{
  background-color: #2544b7;
  font-weight: bold;
  color: white;
  border-radius: 15px;
  font-size: 1em;
  outline: none;
  position: absolute;
  right: 2%;
  bottom: 3%;
  padding: 5px 10px;
  border: none;
}

.info-btn:hover{
  cursor: pointer;
  background-color: #082db5;
}

.info-btn:focus{
  background-color: #082db5;
}

.specials {
  background-color: rgb(17,117,165);
  padding: 15px;
}

.sa {
  color: #fff;
  text-decoration: underline;
}

.specials-header{
  color: #fff;
}

.favic {
  text-align: center;
  background-color: #036;
  padding: 10px;
  color: grey;
  font-size: x-small;
}

.favic a {
  color: grey;
}

.promos {
  width: 100%;
}

.promo-ads {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.promo-ad {
  background-color: #fff;
  /*margin: 2rem 2rem;*/
  margin: .5rem;
  position: relative;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  border: 1px solid rgba(0,0,0,.125);
}
/*----------------*/
.promo-img {
    margin-bottom: 1rem;
}

.promo-info {
    text-align: center;
}

.promo-details {
    padding: 1rem;
}
/*----------------*/

.banner-img {
  width:100%;
  height: 100%;
}

.bnr-btn {
    /*position: absolute;*/
    width: 9rem;
    /*bottom: 9%;*/
    /*right: 5%;*/
    font-weight: bold;
    background-color: #5277ff;
    color: white;
    border-radius: 25px;
    border: 1px solid transparent;
    padding: 5px 10px;
    margin-bottom: 1rem
}

.bnr-btn:hover{
  cursor: pointer;
  background-color: #3861f9;
}

.bnr-btn:focus{
  background-color: #3861f9;
}

.slide {
  padding: 3rem 0rem;
}

.slide-1 {
  overflow: auto;
  height: auto;
  text-align: center;
  background: #1e3c72;
  background: -webkit-linear-gradient(to right, #2a5298, #1e3c72);
  background: linear-gradient(to right, #2a5298, #1e3c72);
  /*background: #7474BF;*/
  /*background: -webkit-linear-gradient(to right, #348AC7, #7474BF);*/
  /*background: linear-gradient(to right, #348AC7, #7474BF);*/
}

.slide-2 {
  overflow: auto;
  height: auto;
  text-align: center;
  display: none;
  background: #314755;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #26a0da, #314755);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #26a0da, #314755); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  /*background: linear-gradient(to right, rgb(34, 193, 195), rgb(253, 187, 45));*/
}


.slider-container {
  position: relative;
  overflow: auto;
  height: auto;
}

.slider-btns {
  position: absolute;
  bottom: .5rem;
  left: 50%;
}

.slider-h2-1 {
  color: #f7f7f7;
  font-weight: bold;
  font-size: 250%;
  padding-left: .5rem;
}

.slider-h2-2 {
  color: #f7f7f7;
  font-weight: bold;
  font-size: 250%;
  padding-left: .5rem;
  
}

.slider-list {
  list-style: none;
  padding: 0;
  margin-top: 1rem;
}

.slider-item {
  margin-top: .25rem;
  display: inline;
  padding: 0rem .75rem;
  font-weight: bold;
  font-size: larger;
  color: #f7f7f7;
}

.slider-btn-container {
  display: inline;
  position: relative;
  padding-left: 35px;
  margin: 0rem 2rem;
  margin-left: -1.75rem;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider-btn-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background: rgba(72, 84, 95, .5);
  border-radius: 50%;
  border: solid 1px white;
}

.slider-btn-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.slider-btn-container input:checked ~ .checkmark {
  background-color: #48545f;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.slider-btn-container input:checked ~ .checkmark:after {
  display: block;
}

.slider-btn-container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

@media all and (min-width: 850px) {
  .promo-ad {
    margin: 1rem .125rem;
  }
}


@media all and (max-width: 750px)
{
  .main-img{
    padding: 3rem;
    max-width: 100%;
  }
}

@media all and (max-width: 700px){
  .promo-ads {
    flex-direction: column;
  }
}

@media all and (max-width: 450px){  
  .box-content {
    flex-direction: column;
  }
  
  .promo-ad {
    margin: 1rem; 
  } 
  
  .boxes {
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
    background-color: #f3f3f3;
    margin: .5rem 1rem;
  }
}

/*@media all and (max-width: 850px){
  .box-content {
    flex-direction: column;
  }

  .promo-ads {
    flex-direction: column;
  }
}


@media all and (min-width: 850px) {
  .promo-ad {
    margin: 2rem .125rem;
  }
}


@media all and (max-width: 750px)
{
  .main-img{
    padding: 3rem;
    max-width: 100%;
  }

}
@media all and (max-width: 600px){
  .promo-ads {
    flex-direction: column;
  }
  
  .promo-ad {
    margin: 0;
    box-shadow: none;
    border: none;
  } 
  
  .boxes {
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
    background-color: #f3f3f3;
    margin: .5rem 1rem;
  }
}*/