/*style for all*/
				
				
				body{
					font-family:montserrat, sans-serif;
					
					display: flex;
					
					flex-direction: column;
					
					min-height: 100vh;
					}
			
				h1{
				color: #135c49;
				}
				
			/*font*/
				.montserrat-regular {
  				font-family: "Montserrat", sans-serif;
  				font-optical-sizing: auto;
  				font-weight: 400;
 			 	font-style: normal;
				}
				.montserrat-bold {
  				font-family: "Montserrat", sans-serif;
  				font-optical-sizing: auto;
  				font-weight: 600;
 			 	font-style: normal;
				}
				.montserrat-thin {
  				font-family: "Montserrat", sans-serif;
  				font-optical-sizing: auto;
  				font-weight: 100;
 			 	font-style: normal;
				}
				
				
			/*home page cover image etc*/
				#hero{
				background-image: url('img/2peoplerunning.jpeg');
				height:50vh;
				background-repeat: no-repeat;
				background-position: center; 
				background-size: cover;
				padding-top: 20px;
				position: relative; 
				}
				

			/*menu nav bar*/
				.heronav {
				list-style: none;
				display: flex;
				gap: 14px;
				position: absolute;
				top: 8px;
				right: 16px;
				margin: 0;
				padding: 0;
				font-weight: 700;
				}
				
				
				.heronav a {
				text-decoration: none;
				color: white;
				display: block;
				padding: 14px;
				text-align: center;
				}
				
				
			/*home page */
				.center-half-box{
				position: relative;
				top:50px;
				bottom:50px;
				width:50%;
				height: 150px;
				margin:0 auto;				
				}
				.center-half-box p {
				color: #e65723;
				}
				.center-half-box a {
				text-decoration: none;
				color: #145b49;
				}
				
				
				
			/*home page header 2*/
				.header2{
				text-align: center;
				}
				
				
				.center{
				top:50%;
				left:50%;
				transform:translate(-50%, -50%);
				}
				
				
				
				.imagescover{
				height: auto;
				float: right;
				width: 33.33%;
				clear: both;
				object-fit: cover;
				}
				
				
				
				.logotag{
				display:block;
				margin-left: 40px;
				margin-right: auto;
				}
				
				
				
				.logotag img {
				width: 60px;
				height: 60px;
				}
		
		
				.heronava{
				text-decoration: none;
				}
				
				.email-sub{
				width: 100%
				text-align: center;
				margin: 10px auto;
				}

			
			/*running news cover image etc*/
			
				#hero-running {
				background-image: url('img/coverimagewomantieshoes.jpg');
				height:50vh;
				background-repeat: no-repeat;
				background-position: center; 
				background-size: cover;
				padding-top: 20px;
				position: relative; 
				}
				
		
				
				
			/*trail cover image etc*/
			
				#herotrail{
				background-image: url('img/sunsetrun.jpeg');
				height:50vh;
				background-repeat: no-repeat;
				background-position: center; 
				background-size: cover;
				padding-top: 20px;
				position: relative; 
				}
				
			/*3 vectors of runners*/
				.runningvector{
				display: flex;
				justify-content: space-evenly;
				align-items: center;
				
				}
				
				.runningvector img {
				width: 33.33%;
				height: auto;
				}
				
				
			/*3 images centred*/ 
				.imagess{
				display: flex;
				}
				
				.imagess img {
				width: 33.33%;
				height: auto;
				}
				
				
			/*trail page image and text*/
			
				.trail-item{
				display: flex;
				gap: 20px;
				align-items: center;
				padding: 10px;
				border-bottom: 2px solid;
				}
				.trail-item p {
				margin: 0;
				}  
				.trail-item img {
				width:300px;
				}
				
				/*for space*/
				.tabspace {
				margin-right: 15px;
				}
				
				
				
			/*for button trails near you*/
				.showmore {
				margin: 40px;
				}
				.showmore a{
				display: inline-block;
				border-radius: 20px;
				background-color: #627346;
				padding: 10px;
				text-decoration: none;
				color: white;
				}
				
				
				
			/*blog cover image etc*/
				#heroblog{
				background-image: url('img/backfootrunner.jpg');
				height:50vh;
				background-repeat: no-repeat;
				background-position: center; 
				background-size: cover;
				padding-top: 20px;
				position: relative; 
				}
		
				
				
				.list-style-navbar{
				width:100%;
				border: 2px solid black;
  				margin: 20px;
  				padding: 20px;
				text-decoration:none; color:black;
				text-align:center;
				z-index:2;
				}
				
				
			/*header 2 on home page*/
				.mid-h2{
				width:80%;
				margin: 0 auto;
				height: 200px;
				text-align: left;
				display: flex;
				padding: 20px;
				}
				.mid-h2 img{
				width: 225px;
				padding: 20px;
				}
				.midd {
				text-align: center;
				}
				
				
				
			/*blog*/
			
				.bblog h1{
				text-align: center;
				}
				
				
				.blogimages {
				display: flex;
				align-items: center;
				gap: 16px;
				justify-content: center;
				margin-bottom: 40px;
				}
			
				.blogimages img {
				width: 25%;
				height: auto;
				margin-right: 30px;
				}
				
				
				.brandss {
				display: flex;
				gap: 20px;
				margin-bottom: 40px;
				}
				.brandss img{
				width: 300px;
				height: auto;
				}
			
				.blog-button{
				display: inline-block;
				border-radius: 20px;
				background-color: #627346;
				padding: 10px;
				text-decoration: none;
				color: white;
				}


				.blogspace h2{
				text-align: center;
				}
				.blogspace p{
				text-align: center;
				}
			
				.img-icons{
				display:block;
				float:left; 
				width:33.33%;
				}
				
				
				
				.li{
				display:inline;
				}
					
					

			
			/*runningnews*/
			
				.newsss{
				text-align: center;
				}
				
			
				.snow {
				display: flex;
				gap: 30px;
				align-items: center;
				padding: 40px;
				position: relative;
				}
				.snow img {
				width: 400px;
				height: auto;
				position: relative;
				}
				.snow p{
				padding: 15px;
				}
				.snowsnow {
				position: absolute;
				background-color: #627346;
				border-radius: 16px;
				padding: 5px;
				}
	
	
				.snow-2 {
				display: flex;
				gap: 30px;
				align-items: center;
				padding: 40px;
				position: relative;
				}
				.snow-2 img {
				width: 400px;
				height: auto;
				position: relative;
				}
				.snow-2 p {
				padding: 15px;
				}
				.snowsnow-2 {
				position: absolute;
				background-color: #627346;
				border-radius: 16px;
				padding: 5px;
				}
				
				.titlenumber2{
				text-align: center;
				color: #627346;
				}
				
				.yt {
				width: 80%;
				margin: 0 auto;
				padding: 30px;
				display: flex;
				align-items: center;
				gap: 30px;
				}
				
				.youtube-text {
				margin-right: 20px;
				padding: 20px;
				}
				
				.youtubevector{
				width: 50%;
				}
				
				
				.shoesphoto{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				}
				.shoesphoto img {
				width: 400px;
				}
			
	
					
				
					
					
					
					
			/*all social icons*/
				.socialicons{
				gap: 20px ; 
				margin: 40px auto;
				text-align: center;
				display: flex;
				justify-content: center;
				}
			
				.socialicons img {
				margin: 20px;
				height: 25px;
				}
				
			/*trails near you section*/
				.tnyheader p{
				text-align: center;
				}
				.tnyheader h1{
				text-align: center;
				}
				
				.simple-line{
				border-bottom: 2px;
				color: #324a56;
				}
				
				
				.contactinfo{
				text-align: center;
				margin: 10px auto;
				}
				
				
			/*educational purposes copy right*/
				.copyright {
				padding: 15px;
				text-align: center;
				font-weight: 100;
				}
				
				
			/*footer*/
				.footerplacement{
				position: relative;
				padding: 20px;
				font-size: 12px;
				font-weight: 300;
				}
			
				.footerb{
				display: flex;
				justify-content: center;
				gap: 20px;
				
				text-decoration: none;
				background-color: #627346;
				padding: 16px; 
				
				
				margin-top: auto;
				}