/* Scss Document */
#bbb {
  font-size: 125%;
  font-weight: bolder; }
  #bbb a {
    color: white;
    text-decoration: none; }
    #bbb a img {
      border: 0;
      height: auto;
      width: 100%;
	   margin-top: -10%;
      margin-left: -5%;
	  }

/*#topText {
  /*text-align: center;
  margin-top: 0%; 
}

/*#logo1 {
	z-index: 0;
}*/

#logo{
	/*transform: rotateZ(0deg) perspective(300px) rotateY(45deg) ;
	perspective-origin: left;
	animation-duration: 3s;*/
	margin-top: 20%;
	/*animation-name: level;*/
	margin-left: 5%;
	max-width: 250px;
}

@keyframes level{
	from{transform: rotateZ(-20deg) perspective(300px) rotateY(45deg);}
	to{transform: rotateZ(0deg )  perspective(300px) rotateY(45deg);}
}

.navbar {
  font-size: 20px;
  background-color: #3D2015; }

#test {
  margin-top: 20px; }

.navbar-brand, .repair {
  margin-top: 0; 
  margin-bottom: auto;
}

#bobpic {
  width: 65%;
  height: auto;
  margin-left: 12.5%;
  margin-bottom: 5%; }

body {
	max-width: auto;
	margin: 0;
}

.fa-hand-o-right {
  font-size: 150%; }

.divider {
  height: 1px;
  width: 100%;
  display: block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #000; }

.special {
  text-align: center;
  background-color: #3D2015;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-color: white;
  color: white;
  font-size: 20px; }

.deal {
  color: black;
  font-weight: bold; }

.samplepics {
  margin-top: 40px; }
  .samplepics img {
    width: 100%;
    height: auto; }

#under {
  align-content: center; }

.para {
  margin: 2%;
  font-size: 24px; }

/*table {
  margin-left: 8%; }*/

.under {
  margin-left: 8%;
  margin: 2%;
  font-size: 1.5rem; }

.table {
  margin: 2%;
  font-size: 24px; }

.media img {
  width: 10%;
  height: auto; }