body{
	line-height: 1.5;
	font-family: 'Montserrat', sans-serif;
}
@media (min-width: 1000px) {

	.mobilebox1 {
			width: 830px; 
			justify-self: center;
		}
  }

  @media (min-width: 1700px) {

	.mobilebox1 {
			width: 830px; 
			justify-self: center;
		}
  }

  @media (max-width: 768px) {

		.fheader {
			left: 0;
			text-align: center;
			margin-left: 50px;
		}

		.button1 {
			left: 0;
			margin-top: 5%;
			margin-right: 75%;
		}

		.text-7xl {
			font-size: 2rem; 
		}

		.flex {
			flex-direction: column; 
			align-items: center;
		}

		.mobilebox {
			width: 80%; 
			margin-top: 20px;
			justify-self: center;
		}
		.mobilebox1 {
			width: 80%; 
			margin-top: 20px;
		}
		.lastcard {
			  width: 70%;
			  margin-top: 20px;
			  margin-bottom: 20px;
		}
		.lastcard1 {
			  width: 70%;
			  justify-self: center;
			}
		.lastcard2 {
			  margin-left: 30%;
			  margin-bottom: 20%;
			  justify-self: center;
			}
			.lastcard3 {
			  margin-top: 30%;
			  justify-self: center;
			}
	}
		*{
			margin:0;
			padding:0;
			box-sizing: border-box;
		}
		.container{
			max-width: 1170px;
			margin:auto;
		}
		.row{
			display: flex;
			flex-wrap: wrap;
		}
		ul{
			list-style: none;
		}
		.footer{
			background-color: #f3f4f6;
			padding: 112px 0;
		}
		.footer-col{
			width: 25%;
			padding: 0 15px;
		}
		.footer-col h4{
			font-size: 18px;
			color: #767676;
			text-transform: capitalize;
			margin-bottom: 35px;
			font-weight: 500;
			position: relative;
		}
		.footer-col p{
			font-size: 16px;
			color: #000000;
			text-transform: capitalize;
			margin-bottom: 35px;
			margin-right: 10px;
			font-weight: 500;
			position: relative;
		}
		.footer-col h4::before{
			content: '';
			position: absolute;
			left:0;
			bottom: -10px;
			background-color: #e91e63;
			height: 2px;
			box-sizing: border-box;
			width: 50px;
		}
		.footer-col ul li:not(:last-child){
			margin-bottom: 10px;
		}
		.footer-col ul li a{
			font-size: 16px;
			text-transform: capitalize;
			color: #871717;
			text-decoration: none;
			font-weight: 300;
			color: #000000;
			display: block;
			transition: all 0.3s ease;
		}
		.footer-col ul li a:hover{
			color: #999696;
			padding-left: 8px;
		}
		.footer-col .social-links a{
			display: inline-block;
			height: 40px;
			width: 50px;
			background-color: rgba(255,255,255,0.2);
			margin:0 10px 10px 0;
			text-align: center;
			line-height: 40px;
			border-radius: 50%;
			color: #ffffff;
			transition: all 0.5s ease;
		}
		.footer-col .social-links a:hover{
			color: #24262b;
			background-color: #ffffff;
		}

		@media(max-width: 767px){
		.footer-col{
			width: 50%;
			margin-bottom: 30px;
		}
		}
		@media(max-width: 574px){
		.footer-col{
			width: 100%;
		}
		}
		.navbar {
			overflow: hidden;
			position: fixed;
			top: 0;
			width: 100%;
		  }
	  
		  .navbar a {
			float: right;
			display: block;
			color: rgb(237,28,36);
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
		  }
	  
		  .navbar a:hover {
			background-color: #ffffff;
			color: black;
		  }
	  
		  .navbar .icon {
			display: none;
			cursor: pointer;
			font-size: 24px;
		  }
	  
		  @media screen and (max-width: 600px) {
			.navbar a:not(:first-child) {display: none;}
			.navbar a.icon {
			  float: right;
			  display: block;
			}
		  }

		  @media screen and (max-width: 600px) {
			.icons {display: none;}
		  }
	  
			.slider {
			height: 100%;
			width: 0;
			position: fixed;
			z-index: 1;
			right: 0;
			top: 0;
			background: linear-gradient(to top, #1e1e1e, #ed1c24);
			overflow-x: hidden;
			transition: 0.5s;
			padding-top: 60px;
			}

	  
		  .slider a {
			padding: 8px 8px 8px 32px;
			text-decoration: none;
			font-size: 25px;
			color: #ffffff;
			display: block;
			transition: 0.3s;
		  }
	  
		  .slider a:hover {
			color: #f1f1f1;
		  }
	  
		  .slider .close {
			position: absolute;
			top: 0;
			right: 25px;
			font-size: 36px;
			margin-left: 50px;
		  }

		  img.sticky {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			width: 100%;
		  }
		  /* div.sticky {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			width: 100%;
			height:calc(-0px + 100vh);
		  } */
		  iframe.sticky {
			position: -webkit-sticky;
			position: sticky;
			top: 0;
			width: 100%;
			height:calc(-0px + 100vh);
		  }
		  button.ol-zoom-in{
			  display:none;
		  }
		  button.ol-zoom-out{
			  display:none;
		  }
		  body {
		  font-family: 'Montserrat', sans-serif;
		}