* {
  	box-sizing: border-box;
  	margin: 0;
  	padding: 0; 	
	font-family: 'Barlow Condensed', sans-serif;
}

.container {
 	width: 100vw;
}

.bg,
.overlay {
	padding-left:-10px;
	font-style:italic;
}

.bg {
 	float: left;
 	max-width: 100%;
  	position: relative;	
	}

  .bg img {
    width: 100%;
    margin-bottom: 4px; 
	}

  .bg .overlay {
    position:absolute;
    top: 25%;
	left: 27%;
	width:65%;
	height:80%;
    opacity:1; 
	text-align: left;
	}


@media screen and (max-width: 1148px) {
  .bg {
    max-width: 100%;

	} 
}
@media screen and (max-width: 768px) {
  .bg {
    float: none;
    max-width: 100%;	  	

	} 
}