#menu2 a.btn.btn-lg.btn-primary, #menu3 a.btn.btn-primary {
	width:100%;
	white-space:normal;
	min-height:100px;
	margin:5px auto;
}

.well {
  text-align: left; margin-top: 20px;  
}
ul .well {
 padding-left:0;  
}
ul li .well {
 list-style-position:inside
}

.wellbox {min-height: 340px;}

.btn {text-decoration: none !important}



.btn-toolbar .btn {
    margin-bottom: 5px; 
}

/* Tablet */
@media(min-width: 768px){

  .hat, .hat-info {
    height: 222px;
    margin: 15px 0;
  }

  }
.hat-info-back {
  height: 128.5px;
  margin: 15px 0;
}

  .flip-container, .front, .back {
    width: 260px;
    height: 160px;
  }

  .hat-info-back {
  height: 212.5px;
  margin: 15px 0;
}

}




/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { .col-xs-offset-2 {margin-left: 0%;}  }

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) { .col-xs-offset-2 {margin-left: 0%} }


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .col-xs-offset-2 {margin-left: 0%} 
}

/* Tablet */
@media(min-width: 768px){


}

/* Desktop */
@media(min-width:992px){



}


/* Large Desktop */
@media(min-width:1200px){




}


/* Print */
@media print {


}