/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.bug-icons {
 text-align: center !important;
}

.footer-phone {
  font-size:25px !important;
	font-weight:bold;
	text-align:center;
}

.smaller-h4 {
  font-size: 15px;
}

#bronze .fa, #gold .fa, #silver .fa, ##platinum .fa {
  float: left !important;
}

.fa-crown {
  color: #9DD8E6 !important; 
}

.amco-phone-bg {
  font-size: 25px;
}

.slide-entry-title {
  /*color: white !important;*/
}

.read-more-link a {
  color: white !important;
}

.amco-list2 {
  color: #B5C66C!important;
}

#silver .silver_highlight h2 {
  margin: 0px;
  color: white;
}

#silver .silver_highlight p {
  margin: 5px 0px;
}

#silver .silver_highlight {
  top:-600px;
  left: -230px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-align: center;
  background-color: #79914F;
  height: 200px;
  width: 200px;
  border-radius: 100%;
  z-index:9999;
  color: white;
  border: white solid 3px;
}

.scroll_test {
  max-height: 500px;
  border-bottom: solid 2px #868686; 
  overflow-y: scroll;
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  h1, h2, h3, h4, h5, h6, p {
    line-height: 1.5em !important;
  }

}

/*
Tablet Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Tablet view */

@media only screen and (max-width: 1000px) {
  /* Add your Mobile Styles here */

#silver .silver_highlight {
  top:-600px;
  left: -180px;
  height: 170px;
  width: 170px;
}

#silver .silver_highlight h2 {
  font-size: 22px;
}

#silver .silver_highlight p {
  font-size:12px;
}

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

#silver .silver_highlight {
  top:-1350px;
  left:400px;
  height: 150px;
  width: 150px;
}

#silver .silver_highlight h2 {
  font-size: 18px;
}

#silver .silver_highlight p {
  font-size:10px;
}


}

@media only screen and (max-width: 500px) {
  /* Add your Mobile Styles here */

#silver .silver_highlight {
  top:-1350px;
  left:200px;
  height: 150px;
  width: 150px;
}

#silver .silver_highlight h2 {
  font-size: 18px;
}

#silver .silver_highlight p {
  font-size:10px;
}


}

@media only screen and (max-width: 350px) {
  /* Add your Mobile Styles here */

#silver .silver_highlight {
  top:-1500px;
  left:150px;
  height: 130px;
  width: 130px;
}

#silver .silver_highlight h2 {
  font-size: 18px;
}

#silver .silver_highlight p {
  font-size:10px;
}


}