/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */

body {
background: url("https://www.gipsy.de/Homepage/sail-3729605-1.jpg")no-repeat center center fixed;

    background-size: auto auto;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;
}

@media (min-width: 992px) {
  body {
    padding-top: 10%;
  }
}
.card-body {
  margin-top: 80px;
}


.topBar{
  background: rgb(0,80,149);
background: -moz-linear-gradient(90deg, rgba(0,80,149,0.8) 0%, rgba(0,135,185,0.8) 50%, rgba(0,170,173,0.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,80,149,0.8) 0%, rgba(0,135,185,0.8) 50%, rgba(0,170,173,0.8) 100%);
background: linear-gradient(90deg, rgba(0,80,149,0.8) 0%, rgba(0,135,185,0.8) 50%, rgba(0,170,173,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005095",endColorstr="#00aaad",GradientType=1);
  text-align: center;
  font-weight:bolder;
  color:white;
}

.widthchange{
		width:75vw;
padding:15px;

margin-right: auto;

margin-left: auto;
}

.containerGiPsy{
width:100%;
 background:rgb(255,255,255,0.1)
}

.card-img-top{
  width:75%;
  padding-top:25px;
}

.responsive {
    width: 100%;
    height: auto;
}

.card {
  height: 70%;
  border:0px;

 background-color: rgba(255, 255, 255, 0.0);
}

.card-body {


 background-color: rgba(255, 255, 255, 0.75);
}
#bg{
	opacity: 1;
	position: fixed; 
         
            width: 100%; 
            height: 100%;
	z-index: -1;
}
.card-title{
 font-weight:bold;
	font-size:16px;
}

.parent{
    position: relative;
    margin: 2em;
} 

.parent img{
    position: absolute;
}

.parent .overlay{
    position: absolute;
    top: -1em;
    text-align: center;    
    width: 100%;
}