body {
    text-align: center;
    margin: 0 auto;
    padding: 0 auto;
    font-family: 'Saira Semi Condensed', sans-serif;
	max-width: 1200px;
	background-color:#07072d;
}
#x-cont{
	color: white;
}
img#xbl {
    max-width: 400px;
}
.x-header
{
	font-size: 2.969vw;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}
.x-section
{
	  
    width: auto;
    background-size: cover;
}
.txt{
	margin:30px 0;
box-shadow: 0px 5px 13px 26px rgba(0,0,0,0.4);
}
.title
{
	font-size: 40px;
	font-weight: 700;
}
.desc
{
font-size: 22px;
	line-height: 1;
	color:white;
}

.x-img{
	  max-width: 1200px;
}

#s1 .txt {
    position: relative;
    width: 600px;
    top: 690px;
    left: auto;
    padding: 8px 8px 8px 30px;
    background-color: rgb(0,0,0,0.4);
	
}
#s2 .txt {
    position: relative;
    width: 744px;
    top: 250px;
    left: auto;
    padding: 8px 8px 8px 30px;
    background-color: rgb(0,0,0,0.4);
	

}
#s3 .txt {
    position: relative;
    width: 665px;
    top: 318px;
    left: 40%;
    padding: 8px 30px 8px 8px;
    background-color: rgb(0,0,0,0.4);
	
}

#s1{
	margin-top: -200px;
	
}#s2{
	margin-top: -234px;
	
}#s3{
	margin-top: -256px;
	
}
@media only screen and (max-width: 1199px){
	#s1 .txt,#s2 .txt,#s3 .txt{
		position:static;
		background-color:unset;
		padding:unset;
	}
	.txt{
		box-shadow:unset;
		 width: 90%!important;
		 margin:30px auto;
		 
	}
	.x-img{
	  max-width: 90%;
}#s1{
	margin-top: unset;
	
}#s2{
	margin-top: unset;
	
}#s3{
	margin-top: unset;
	
}
}