@import url('http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900');


body, html {
  height: 100%;
}
body {
  margin:0;
  padding:0;
}

.bag {
  /* The image used */
  position:relative;
  background-image: url(bghomepage.jpg);
  /* Full height */
  height: 100%;
  min-height:100%;
    /* Center and scale the image nicely */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;


}
.caption-img {
  width:200px
}
.caption-cont{
  display: flex;
  justify-content: center;
  align-items: center;


}
.caption {
    display: flex;
    width: 60%;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 20%;
    background: rgba(255, 255, 255, 0.5);
    font-family: "Raleway";
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    padding:20px
}
.flex-parent {
  justify-content: center;
  align-items: center;
  border:1px solid;
    height: 70%;
    background: rgba(255, 255, 255, 0.5);
    width: 600px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    margin:auto;

}

.caption-bottom {

  bottom:20px;
  width:100%
}

.caption-center {
  width:100%;
  top:25%

}

.caption-top {

  top:20px;
  width:100%
}



.caption-box{
  width:100%;
  border:1px solid;
  display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}


.flex-container {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: 1 flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;


    color:#000;

}
.row {
    width: 70%;
    background: rgba(255, 255, 255, 0.5);
}
.flex-item {
    padding: 20px;
    margin: 10px;
    text-align: center;
}

.testo {
  line-height: 30px;
  font-family: "Raleway";
  font-size: 24px;

}
.fascia {
  background: #164464
}
.centrato {
  width:300px;
  margin-left:auto;
  margin-right:auto
}