body,html {
height:100%;
	margin: 0; 
  font-family: "Open Sans", sans-serif; }
.ui-button{width:140px;}
.ui-pos{z-index:10000;top:0;left:12px;}
.ui-fix{position:fixed;}
.ui-mid{left:92px;}
.ui-right{left:173px;}
.ui-cart{left:312px;}
h1 {
  color: #ccc;
  weight: 300; }
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figure {
  margin: auto; }
  

#foot {z-index=1001;
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
	position:absolute;bottom:0;width:100%;
}  
.content article {
  padding: 1px 0;
  max-width: 640px;
  margin: 0 auto;
  
  text-align: center; }

img {width:100%;height:250px;
  max-width: 100%; background-image:url('../menuimage/10000.jpg');
background-size:cover;}
#logofloat{
			position:fixed;width:90px;height:35px;
			top:12px;
			left:255px;background-image:none;
}


  /**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }
.clothes-pics {
  margin-bottom: 100px; }
  .clothes-pics figure {
    margin-bottom: 20px;
    position: relative;
    opacity: 0;
    transform: translateX(20px);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    cursor: pointer; }
    .clothes-pics figure.is-showing {
      opacity: 1;
      transform: translateX(0px); }
    .clothes-pics figure img {
      display: block;
      transform: scale(1);
      transition: all 0.3s ease-in-out; }
    .clothes-pics figure:hover figcaption {
      left: 0%; }
    .clothes-pics figure:hover img {
      transform: scale(1.2); }
  .clothes-pics figcaption {
    position: absolute;
	background: rgba(0,0,0,0.3);
    top: 10px;
    left: -300%;
    
    color: white;
    padding: 2px 8px;
    font-size: 1.2rem;
    transition: all 0.6s ease-in-out; }
	.buybutton{float:right;bottom:110px;position:relative;}

	
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
 @media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; } }
/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }

  .column,
  .columns {
    margin-left: 4%; }

  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns {
    width: 4.66666666667%; }

  .two.columns {
    width: 13.3333333333%; }

  .three.columns {
    width: 22%; }

  .four.columns {
    width: 30.6666666667%; }

  .five.columns {
    width: 39.3333333333%; }

  .six.columns {
    width: 48%; }

  .seven.columns {
    width: 56.6666666667%; }

  .eight.columns {
    width: 65.3333333333%; }

  .nine.columns {
    width: 74.0%; }

  .ten.columns {
    width: 82.6666666667%; }

  .eleven.columns {
    width: 91.3333333333%; }

  .twelve.columns {
    width: 100%;
    margin-left: 0; }

  .one-third.column {
    width: 30.6666666667%; }

  .two-thirds.column {
    width: 65.3333333333%; }

  .one-half.column {
    width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66666666667%; }

  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%; }

  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%; }

  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%; }

  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%; }

  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%; }

  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%; }

  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%; }

  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78.0%; }

  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%; }

  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%; }

  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%; } }