nav .fa{
	display: none;
}

@media(max-width: 700px){
	.text-box h1{
	font-size: 25px;
	}

	.nav-links ul li{
		display: block;
		margin: 25px;
	}	
  
	.nav-links{
		position: fixed;
		background: #b34a04;
		height: 100vh;
		width: 200px;
		top: 0;
		right: -200px;
		text-align: left;
		z-index: 2;
		transition: 1s;
	}
  
	nav .fa{
		display: block;
		color: white;
		margin: 10px;
		font-size: 22px;
		cursor: pointer;
	}	

	.logo{
		width: 150px;
		margin-top: 30px;
	}
  
  .layout{
    flex-direction: column;
/*     margin-bottom: 10%; */
  }

  .testimonial-box{
		padding: 15px;
	}

	.testimonial-box img{
		height: 50px;
		margin-left: 0px;
		margin-right: 20px;
	}

  .enroll h1{
		font-size: 17px;
		line-height: 30px;
	}

  .about-col img{
    margin-top: 50px;
    margin-bottom: 100px;
  }

  .blog-right h3{
    padding :5px 50% 5px 50%;
  }

  .sub-header h1{
    font-size: 24px;
  }

  .about-intro p{
    margin-top: 20%;
/*     margin-bottom: 10%; */
  }

  .about-picture{
/*     height: auto; */
    width: 100%;
    margin-bottom: 10%;
    margin-top: 20%;
  }

  .about-paragraph{
    margin-bottom: 20%;
  }
  
  .about-plan{
    margin-bottom: 10%;
  }
  
  .about-plan div{
    position: absolute;
    top: 10%;
    left: 4%;
  }

  .ab-fac-col{
    width: 93%;
    margin: auto;
    padding-bottom: 40px;
  }
}