body{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
    width:100%;
    background-image: url(https://imageshack.com/i/pnLgOlYLj);
    background-position: centre centre;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;
    
    

   
}




img{
	margin-top: 2rem;
	border-radius: 3.1em;
	border:2px solid #333;
	max-width: 900px;
	 max-height: 300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
   
}

img:hover{
	border-width: 5px;
	border-color:#ffb300;
}

h1{
	font-size:3em;
	text-align: center;
	font-family: Algerian;
	color: white;

}

p{
	font-size: 3.5em;
	text-align: center;
	font-family: forte;
	color: white;
	
}

p.desc{
	font-size:1.5em;
	line-height:1.6em;
	padding:.2em 10em;
	font-weight:400;
	font-family: Arial;
	color:yellow;
}

a{
	/*color:#333;*/
	border:3.2px solid #fff;
	color:#fff;
	background:none;
	padding:10px 20px;
	text-decoration:none;
	border-radius: 3.1em;
	margin:.3em .2em;
    display:inline-block;
    font-family: forte;

	margin-left: 40px;
	margin-right: 70px;


}

.hero{
	
	
	background-image:(https://imagizer.imageshack.com/img923/6735/LgOlYL.jpg);
    background-repeat: no repeat;
    background-position: centre;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    text-align: centre;
    min-height: 100vh;
    font-family: Arial;
    /*overflow: hidden;*/ 
}


.left{
	margin-right: .3em;
	top: .07em;
	position: relative;
	font-size: 1.2em;
}

.hero-bg{
	padding: 2.4em;
	min-height: 100vh;
	/* background: rgba(255, 179, 0, .8); */
	/* background: -webkit-linear- gradient( to right, rgba( 51, 51, 51, .8), rgba( 255, 179, 0, .8));*/
	/*background:linear-gradient(to right, rgba(51, 51, .8), rgba(255,179,0,.8));*/
	background:#004e92bf;
	 background: linear-gradient( to right,#004e92bf, #000428d0);

	
	}

	@media(min-width: 300px) and (max-width: 800px)
    
	 
	 {
		p.desc {
			padding: .8em;
		}
	img{
		max-width: 300px;
	}
}
}