/* This has the browser use border-box for sizing. Needs polyfill to work on some older browsers */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper {
  margin:0 auto;
  position:relative;
  width:90%; border:none;
}

/* This is the basic styling */
.box{
 
  
  text-align:center;
}


/*flex-Styles*/



.flex-container {
  margin:0 auto;
  position:relative;
  width:95%;
  height:auto;
  padding:20px 0 30px 0;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap:wrap;
  align-content:space-between;
 /* justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;

 -webkit-flex-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 background-color:#F0F0F0;
 border-radius:10px;
 background-color:#000;


}*/



/*#box2 {

 width:230px;
 margin:20px;
 background-color:#F0F0F0;
 float:right;
}

#box2 img{
  width:190px;
  height:140px;
  align-items:center;
  border-radius:5px;
  -webkit-box-shadow: 3px 4px 5px 0px rgba(89,86,89,0.64);
  -moz-box-shadow: 3px 4px 5px 0px rgba(89,86,89,0.64);
  box-shadow: 3px 4px 5px 0px rgba(89,86,89,0.64);
 
}

#box0 {
  width:100%;
  
  float:right;

}
*/