@font-face {
  font-family: Arista;
  src: url(/fonts/arista.ttf); }

input[type=text] {
  font-family: Arista;
  text-align: center;
  width: 180px;
  font-size: 100%; }

span.little {
  margin: 0;
  padding: 0;
  font-size: 30%; }

input[type=submit] {
  // font-family: Optima;
  border-radius: 5px 5px;
  padding: 20px; 
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #999999;
  color: #ffffff; 
  background-color: #8dc2d8; 
  -webkit-transition: all 1s ease-in;
  font-size: 200%;
   }

input[type=submit]:hover {
  background-color: #62d52f ;
  -webkit-transition: all 0.5s ease-in;
  -webkit-box-shadow: #999999 0px 0px 3px; }

body {
  background-image: url(/images/bg-clouds.png);
  background-repeat: no-repeat;
  background-color: #c0deed;
  font-family: 'lucida grande', lucida, tahoma, helvetica, arial, sans-serif;
  font-size:90%;
  margin: 0;
  padding: 0; }
  body .flashes {
    color: red;
    margin-top: 70px;
    margin-bottom: 20px; }
  body .header {
      font-size: 120%; 
    padding-right: 50px;
    text-align: right;
    font-family: Arista, arial, serif; }
    body .header h1 {
      font-size: 400%;
      margin: 0; }
    body .header .little {
      padding-right: 20px; }

  body .container #waiter {
    height:90px; 
}
  body .container {
    text-align: center; }
    body .container .t-shirts {
      margin-left: auto;
      margin-right: auto;
      padding-top: 10px; 
      width: 1155px; }
      body .container .t-shirts .back {
        background-image: url(/images/back.png); }
      body .container .t-shirts .white {
        -webkit-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-image: url(/images/whiteb.png); }
      body .container .t-shirts .natural {
        background-image: url(/images/naturalb.png); }
      body .container .t-shirts .black {
        background-image: url(/images/blackb.png); }
      body .container .t-shirts .navy {
        background-image: url(/images/navyb.png); }
      body .container .t-shirts .city-green {
        background-image: url(/images/city-greenb.png); }
      body .container .t-shirts .charcoal {
        background-image: url(/images/charcoalb.png); }
      body .container .t-shirts .chocolate {
        background-image: url(/images/chocolateb.png); }
      body .container .t-shirts .t-shirt {
      /*  -webkit-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -moz-background-size: 100% 100%; */
        vertical-align: top;
        display: inline-block;
        background-repeat: no-repeat;
        text-align: center;
        width: 544px;
        height: 469px;
        margin-right: 60px;
        font-size: 120%; }
        body .container .t-shirts .t-shirt .logo img {
          width: 280px;
          padding-top: 60px; }
      body .container .t-shirts .tshirt-1 .username {
        position: relative;
        bottom: 90px;
        left: 5px; }
      body .container .t-shirts .tshirt-1 .qrcode img {
        position: relative;
        bottom: 136px;
        left: 18px;
        width: 83px; }
      body .container .t-shirts .tshirt-2 .username {
        position: relative;
        bottom: 148px; }
      body .container .t-shirts .tshirt-2 .qrcode img {
        position: relative;
        bottom: 148px;
        left: 2px;
        width: 60px; }
      body .container .t-shirts .tshirt-3 .username {
        position: relative;
        bottom: 148px;
        left: 8px;
        -webkit-transform: rotateZ(-6deg);
        -moz-transform: rotate(-6deg); }
      body .container .t-shirts .tshirt-3 .qrcode img {
        position: relative;
        bottom: 180px;
        left: 8px;
        width: 110px;
        -webkit-transform: rotateZ(-6deg);
        -moz-transform: rotate(-6deg); }
    body .container .explanation {
      margin-right: 0;
      vertical-align: top;
      display: inline-block;
      background-repeat: no-repeat;
      text-align: justify;
      width: 544px;
      margin-top: 10px; 
      margin-right: 60px;
      margin-left: auto;
      margin-right: auto;
     
       }
    body .container .errors {
	color: red;
        font-size: 120%; 
}


body .container .size {
width: 200px; 

}
body .container .color {
/* margin-top: -20px; 
float: right;  */
}
  body .footer {
    font-size: 70%;
    margin: 0;
    padding: 0;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center; }
    body .footer a {
      color: #276787; }

body .container .product_description {
    font-size: 80%; 
    
}

.follow img {
  border: black solid 3px;
  width: 200px;
  margin-top: 20px; }

.waiter img {
  border-radius: 40px; }

.possible-choice {
  display: inline-block;
  text-align: center; }
  .possible-choice img {
    display: block;
    width: 150px;
    height: 150px; }



body .container #product_description {
    min-width: 400px; 
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    background-color: #FFEBE8;
    border-color: #DD3C10;

}

body .container .submit {
    float: right; 
    margin-top: -15px; 
}

body .container .choose-tshirt-type {
    margin: auto; 
    text-align: center; 
}

body .container #parameters {
    margin-top: 40px; 
}

body .container #organic {
    margin-top: 30px; 
    font-size: 70%; 
}

body .container #tshirt_username_bis {
    width: 325px; 
}

body .container #order_form {
    font-style: italic; 
  
}

h2 {

    font-size: 250%; 
}

body .container h3 {
    font-size: 120%;
    font-weight: normal; 
}