body,html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	}
	
	p{
		font-size:18px;
	}
	
@-ms-viewport{
  width: device-width;
}

.center{
	position:relative;
	max-width:1200px;
	margin:0 auto;
	width:92%;
	height:100%;
}

/* Landing Page */

.landing-page{
	background-image:url('https://www.hannahmooredesign.com/wp-content/uploads/2018/03/page-1-min.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	width:100%;
	margin:0px;
	background-attachment:fixed;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	}
	
.landing-page h1{
	font-size:26px;
	color:#fff;
	margin:15px;
	padding:0;
	text-transform:uppercase;
	}

.landing-page p{
	font-size:18px;
	font-weight:500;
	color:#fff;
	margin:0 0 10px;
	padding:0;
	text-align:center;
	}
	
.btn{
	font-family:'Roboto Condensed','Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size:12px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	border:2px #fff solid;
	border-radius:50px;
	margin:25px;
	padding:8px 16px;
	}

.landing-page img{
	width:80px;
	margin:15px;
}
	
.btn:hover{
	color:#03345B;
	background-color:#fff;
}

.btn:focus{
	color:#03345B;
	background-color:#fff;
}
	
@media(min-width:312px){
	.landing-page h1{
		font-size:30px;
	}
}	
	
@media(min-width:350px){
	.landing-page h1{
		font-size:32px;
	}
}

@media(min-width:440px){
	.landing-page h1{
		font-size:42px;
	}
	.landing-page p{
		font-size:22px;
	}
	.landing-page .btn{
		font-size:15px;
		padding:10px 20px;
	}
	.landing-page img{
		width:90px;
	}
}
	
@media(min-width:680px){
	.landing-page h1{
		font-size:45px;
	}
	.landing-page img{
		width:100px;
	}
	.landing-page .btn{
		font-size:16px;
	}
}

@media(min-width:900px){
	.landing-page h1{
		font-size:55px;
	}
	.landing-page p{
		font-size:26px;
	}
	.landing-page .btn{
		font-size:18px;
	}
}

@media(min-width:1100px){
	.landing-page h1{
		font-size:65px;
	}
	.landing-page img{
		width:110px;
	}
}

@media(max-height:325px){
	.landing-page h1{
		font-size:30px;
	}
	.landing-page p{
		font-size:18px;
	}
	.landing-page .btn{
		font-size:10px;
		padding:8px 16px;
	}
	.landing-page img{
		width:60px;
	}
}

@media(max-width:1100px){
	.landing-page{
		background-attachment:scroll;
	}
}

/* Navbar */		

.topnav{
	overflow:hidden;
	background-color:#2d2d2d;
	margin-bottom:0;
	margin-bottom:-65px;
	z-index:1;
	height:65px;
	transition:0.5s;
	font-family:'Montserrat', sans-serif;
}

.topnav .icon{
	display:none;
}

.topnav a{
	float: left;
	display:block;
	color:#e2e2e2;
	text-align:center;
	padding:24px 14px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}

.topnav li{
	float: left;
	display:inline-block;
	color:#e2e2e2;
	text-align:center;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}

.topnav ul{
	margin:0;
	padding:0;
}

.topnav .nav-links{
	float:right;
}

.topnav .center{
	display:flex;
}

.topnav .nav-menu{
	float:right;
	align-self:flex-end;
	position:absolute;
	right:0;
}

.topnav #brand{
	float:left;
	font-size: 16px;
	padding-left:0;
}

.topnav a:hover{
	background-color:#2d2d2d;
	color:#fff;
}

.topnav a:active{
	background-color:#2d2d2d;
	color:#009FE3!
}

.topnav a:focus{
	color:#02ABD6;
}

.topnav .active{
	background-color:#2d2d2d;
	color:#009FE3!important;
}

.sticky{
	position:fixed;
	top:0;
	width:100%;
}

.topnav li{
	list-style:none;
}

@media(max-width:800px){
	.topnav .nav-menu{
		width:100%;
		top:65px;
	}
	.topnav a{
		display:none;
	}
	.topnav li{
		width:100%;
	}
	.topnav .nav-links{
		float:left;
	}
	.topnav a.icon{
		float:right;
		display:block;
		padding:19px 14px;
		position:absolute;
		right:0;
	}
	.topnav a.icon div{
		width:30px;
		height:3px;
		background:#fff;
		margin:5px 0;
		transition:0.5s;
	}
	.topnav #brand{
		display:block;
	}
}

@media(max-width:800px){
	.topnav.responsive{
		position:relative;
		height:280px;
	}
	.topnav.sticky{
		position:fixed;
	}
	.topnav.responsive.sticky{
		position:fixed;
	}
	.topnav.responsive .nav-links{
		float:left;
		clear:both;
	}
	.topnav.responsive a.icon{
		position:absolute;
		right:0;
		top:0;
	}
	.topnav.responsive a{
		float:none;
		display:block;
		text-align:left;
		padding-left:0;
	}
	.topnav.responsive #brand{
		float:left;
	}
	.topnav a.icon{
		cursor:pointer;
	}
}

.change .bar1{
	-webkit-transform:
	rotate(-45deg)
	translate(-4px, 6px);
	transform:
	rotate(-45deg)
	translate(-4px, 6px);
}

.change .bar2{
	opacity:0;
}

.change .bar3{
	-webkit-transform:
	rotate(45deg)
	translate(-5px, -8px);
	transform:
	rotate(45deg)
	translate(-5px, -8px);
}

/* Projects Intro */

.section-title{
	text-align:center;
	padding:40px 0;
}

#projects{
	padding-top:65px;
}

.index-intro{
	margin-top:60px;
}

.about-mini-box{
	margin:0 8%;
	padding:0;
}


@media(min-width:700px){
	.index-intro{
		display:flex;
	}
	.intro-title{
		margin-right:4%;
		width:50%;
	}
	.intro-spiel{
		margin-left:4%;
		width:50%;
	}
}

/* Projects Grid */

.grid{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap:25px;
}

.grid img{
	display:block;
	width:100%;
	height:auto;
}

.grid .box{
	position:relative;
}

.grid .overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #fff;
}

.grid .box:hover .overlay{
  opacity: 0.6;
}

.grid .text{
  color: black;
  font-size: 19px;
  text-align: center;
  opacity: 0;
  font-weight:600;
}

.grid .box:hover .text{
	opacity: 1;
}

.grid .small-text{
	display:none;
}

.grid .small-text h4{
	color:black;
	font-weight:600;
}

.grid a{
	text-decoration:none;
	margin:0;
	padding:0;
}

@media(max-width:672px){
	.grid .text{
		display:none;
	}
	.grid .small-text{
		display:block;
	}
}

@media(max-width:410px){
	.grid{
		display:block;
	}
	.grid img{
		padding-top:30px;
	}
}

@media(max-width:1150px){
	.grid{
		grid-template-columns:1fr 1fr;
	}
}

@media(max-width:600px){
	.grid{
		grid-template-columns:1fr;
	}
}

.boxy{
	display:none;
}

.display{
	display:block;
}

/* Projects Slideshow */

.slide-test{
	padding:60px 0 0 0;
	width:100%;
	height:400px;
}

.slide-test .slideshow-container{
	width:100%;
	height:100%;
}

.slide-test .dots-container{
	max-width:none;
}

.slide-test .slideshow-container .mySlides{
	height:100%;
	width:100%;
}

.slide-test .mySlides .text{
	color:black;
}

.testimonial-mini-box{
	margin:0;
	height:100%;
	width:50%;
	float:left;
}

.kle-mini-box{
	background-color:#009EE0;	
}

.kle-image-box{
	background-image:url('https://www.hannahmooredesign.com/wp-content/uploads/2018/03/kle-bg-3-dark-min.jpg');
}

.ck-mini-box{
	background-color:#009EE0;
}

.ck-image-box{
	background-image:url('https://www.hannahmooredesign.com/wp-content/uploads/2018/03/ck-bg-2-dark-min.jpeg');
}

.auto-mini-box{
	background-color:#009EE0;
}

.auto-image-box{
	background-image:url('https://www.hannahmooredesign.com/wp-content/uploads/2018/03/auto-bg-2-dark-min.jpeg');
}

.testimonial-mini-box h1{
	text-align:center;
	color:#fff;
	margin-bottom:45px;
}

.testimonial-mini-box h2{
	text-align:center;
	color:#fff;
	margin:0 40px 45px;
	font-size:20px;
}

.testimonial-mini-box h3{
	text-align:center;
	color:#fff;
	margin:0;
}

.testimonial-mini-box h4{
	text-align:center;
	color:#fff;
	margin-bottom:5px;
}

.test-image-box{
	height:100%;
	width:50%;
	margin:0;
	float:right;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

.test-image-box h1{
	color:#fff;
	font-weight:700;
	font-size:50px;
	padding:0 45px;
}

.testimonial-text-box{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	margin:0;
	height:100%;
	width:100%;
}

.testimonial-text-box .btn{
	margin:40px 0 0 0;
	font-size:14px;
}

.slide-test .dots-container{
	position:absolute;
	bottom:0;
	width:100%;
	clear:all;
}

.slide-test .dots-container .dots{
	text-align:center;
}

.slideshow-container i{
	font-size:50px;
	color:#e2e2e2;
}

.slide-test .prev, .slide-test .next{
	top:40%;
}

.slide-test .prev i:hover, .slide-test .next i:hover{
  color:#fff;
}

@media(max-width:700px){
	.slide-test{
		height:600px;
	}
	.testimonial-mini-box{
		float:none;
		width:100%;
		height:50%;
	}
	.test-image-box{
		float:none;
		width:100%;
		height:50%;
	}
	.slide-test .prev, .slide-test .next{
		top:65%;
	}
	.testimonial-text-box .btn{
		font-size:12px;
}
}

@media(max-width:420px){
	.testimonial-mini-box h2{
		font-size:18px;
	}
	.testimonial-mini-box h3{
		font-size:14px;
	}
	.testimonial-mini-box h4{
		font-size:12px;
	}
}

.projects2-sizer{
	margin:90px 8% 0;
}

.project-img-sizer{
	max-height:85vh;
	width:100%;
	margin:0 0 30px 0;
}

.project-img{
	max-height:85vh;
	max-width:100%;
	display:block;
	margin:auto;
	text-align:center;
}

.projects2-sizer hr{
	width:50%;
	margin:60px auto;
}

.related-projects-title{
	text-align:center;
	margin-bottom:60px;
}

.back-to-projects-title{
	text-align:center;
	margin-top:60px;
}

.back-to-projects-title a{
	text-decoration:none;
	color:black;
}

.back-to-projects-title a:hover{
	color:#009FE3;
}

.related-projects{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:0;
	padding:0;
	margin:0;
}

.related-projects img{
	display:block;
	width:100%;
	height:auto;
}

.related-projects .box{
	position:relative;
}

.related-projects .overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #fff;
}

.related-projects .box:hover .overlay{
  opacity: 0.6;
}

.related-projects .overlay .text{
	color:black;
	font-size:19px;
	text-align:center;
	opacity:1;
	font-weight:600;
	margin:0;
	position:absolute;
	bottom:5%;

}

.related-projects .overlay .text h4{
	margin:15px;
}

.related-projects .box:hover .text{
	opacity: 1;
}

.related-projects .small-text{
	display:none;
}

.related-projects .small-text h4{
	color:black;
	font-weight:600;
}

.related-projects a{
	text-decoration:none;
	margin:0;
	padding:0;
}

.back-to-projects{
	width:100%;
	height:200px;
}

@media(max-width:800px){
	.related-projects{
		height:760px;
	}
	.related-text{
		display:none;
	}
	.left-project{
		float:none;
		height:300px;
		width:100%;
	}
	.right-project{
		float:none;
		height:300px;
		width:100%;
		margin:40px 0 0;
	}
	 .related-projects-title-small{
		 display:block;
		 text-align:center;
	 }
	 .related-projects-title-small{
		 padding:0 15px;
	 }
	 .related-projects-title{
		display:none;
	 }
	 .related-projects{
		display:none;
	 }
}

/* Footer */

#footer{
	width:100%;
	background-color:#2D2D2D;
	margin-top:70px;
	font-family:'Montserrat';
	clear:both;
}

#footer .contact-box{
	display:block;
	float:left;
	width:320px;
	margin:0 0 0 4%;
	text-align:left;
}

#footer .logo-footer{
	float:right;
	height:70px;
	margin-top:45px;
}

#footer .logo-footer img{
	width:70px;
}

#footer #logo-2{
	display:none;
}

#footer .logo-footer a:hover #logo-1{
	display:none;
}

#footer .logo-footer a:hover #logo-2{
	display:block;
}

#footer .logo-footer a:focus #logo-1{
	display:none;
}

#footer .logo-footer a:focus #logo-2{
	display:block;
}

#footer h2{
	margin:0;
	padding:20px 0;
	color:#009FE3;
	text-transform:uppercase;
	font-size:20px;
}

#footer h2:hover{
	color:#fff;
}

#footer h3{
	font-size:15px;
	color:#fff;
	font-weight:400;
}

#footer a{
	text-decoration:none;
	color:#009FE3;
	}

#footer .foot-spiel{
	margin:0;
	padding-bottom:5px;
}


#footer .h-line{
	border-bottom:1px solid black;
	width:100%;
	margin-bottom:0;
	margin-top:0;
	clear:both;
}

#footer h5{
	margin:0 4%;
	padding:5px 0;
	color:#fff;
	font-size:10px;
	text-align:right;
	font-weight:400;
}

#footer h5 a{
	color:#009FE3;
}

#footer a:hover{
	color:#fff;
}

#footer i{
	float:left;
	margin-right:5px;
	color:#fff;
}

#footer .s-media i{
	display:inline-block;
	text-align:center;
	float:none;
	margin:15px 5px 15px 0;
	color:#009FE3;
}

#footer .s-media i:hover{
	color:#fff;
}

#footer .s-media a:hover{
	color:#009FE3;
}

#footer .links{
	display:none;
}

#footer .blog-box{
	display:none;
}

#footer .v-line{
	display:none;
}

@media(max-width:480px){
	#footer img{
		display:none;
	}
	#footer .contact-box{
		width:92%;
	}
}

@media(max-width:326px){
	#footer h3{
		font-size:12px;
	}
}

@media(min-width:660px){
	#footer .contact-box{
		margin-left:5%;
	}
	#footer .links{
		display:block;
		float:left;
		padding:35px 0 0 0;
		margin:0;
	}
	#footer .links a:hover{
		color:#fff;
	}
	#footer .links li{
		list-style:none;
		text-transform:uppercase;
		margin-bottom:5px;
		
	}
	#footer .links ul{
		padding-left:0;
		margin-top:25px;
	}
	#footer .v-line{
		display:block;
		border-right:1px solid black;
		height:115px;
		float:left;
		margin:25px 6% 0 0;
		padding:0;
		width:10px;
	}
}

@media(min-width:990px){
	#footer .contact-box{
		margin-left:6%;
	}
	#footer .blog-box{
		display:block;
		width:325px;
		float:left;
		margin-left:0;
	}
	#footer .blog-box a{
		display:inline-block;
		width:90%;
	}
	#footer .blog-box h3{
		color:#c4c4c4;
	}
	#footer .blog-box i{
		color:#c4c4c4;
	}
	#footer .blog-box h3:hover{
		color:#fff;
	}
	#footer .blog-box i:hover{
		color:#fff;
	}
	#footer .blog-box ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
}

@media(min-width:1200px){
	#footer .logo-footer img{
		width:80px;
		margin-top:-5px;
	}
	#footer .contact-box,
	#footer .blog-box{
		margin-left:10%;
	}
}

/* Slideshow */

.slideshow{
	margin:100px 8% 0 8%;
}

/* slideshow container */

.slideshow-container{
	position:relative;
	margin:auto;
}

.slideshow-container img{
	width:100%;
}

/* hide the images by default */

.mySlides{
    display: none;
}

/* next & previous buttons */

.prev, .next{
  cursor:pointer;
  position:absolute;
  bottom:45%;
  width:auto;
  padding:16px;
}

/* position the "next button" to the right */

.next{
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color a bit transparent */

.prev i:hover, .next i:hover{
  color:#2D2D2D;
}

/* caption text */

.text{
  color: #f2f2f2;
  font-size: 15px;
  padding:0;
  position: absolute;
  bottom:5%;
  width: 100%;
  text-align: center;
}

/* dots/bullets/indicators */

.dots-container{
	margin:auto;
}

.dots{
	text-align:right;
	margin-top:10px;
}

.dot{
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover{
  background-color: #717171;
}

/* fading animation */

.fade{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: 0.4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0.4}
  to {opacity: 1}
}

.slideshow-spiel{
	margin:30px 8% 0 8%;
}

.slideshow-spiel hr{
	width:50%;
	margin:60px auto;
}

.slideshow-spiel p{
	margin:0 auto 10px auto;
	font-size:16px;
}

.ahoy-slides{
	max-width:750px;
}

.rovers-slides{
	max-width:950px;
}

/* About */

.about-picture-box{
	width:100%;
	height:calc(100% - 65px);
	margin:65px 0 0 0;
	background-image:url('https://www.hannahmooredesign.com/wp-content/uploads/2018/03/studio-3-NEW-1.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

.about-picture-box img{
	width:100%;
	padding:auto;
}

.about-picture-box h2{
	font-size:25px;
	font-weight:500;
	color:#fff;
	text-align:left;
	padding:40px 0;
}

.about-picture-box h1{
	font-size:40px;
	font-weight:500;
	color:#fff;
	text-align:left;
	padding:0;
	margin:0;
}

.about-box .center{
	display:flex;
	padding:60px 0 0 0;
}

.about-mini-box{
	margin:0 4% 0 0;
	padding:0;
}

.about-mini-box h2{
	margin:0;
	text-align:left;
	padding:0 0 15px 0;
	display:block;
	font-size:40px;
}

.about-mini-box p{
	margin:0;
	padding:0 0 15px 0;
	text-align:left;
	font-size:30px;
}

.about-spiel{
	margin-left:4%;
}

.about-grid{
	display:block;
	margin:50px 0;
}

.about-grid .img{
	float:left;
}

.about-grid .imgs{
	float:right;
}

.about-grid img{
	display:block;
	width:46%;
	height:auto;
}

.cactus-box img{
	width:100%;
	margin:8% 0 0 0;
}

@media(min-width:400px){
	.about-picture-box h2{
		font-size:30px;
	}
	.about-picture-box h1{
		font-size:55px;
	}
}

@media(min-width:600px){
	.about-picture-box h2{
		font-size:35px;
	}
	.about-picture-box h1{
		font-size:60px;
	}
	.about-mini-box h2{
		padding:25px 0 25px 0;
	}
}

@media(min-width:900px){
	.about-picture-box h2{
		font-size:45px;
	}
	.about-picture-box h1{
		font-size:75px;
	}
}

@media(max-width:800px){
	.about-box .center{
		flex-direction:column;
	}
	.about-spiel{
		margin-left:0;
	}
}

@media(max-width:700px){
	.about-grid{
		margin-top:50px;
	}
	.about-grid .img{
		margin-bottom:8%;
	}
	.about-grid .img{
		width:100%;
		float:none;
	}
	.about-grid .imgs{
		width:100%;
		float:none;
	}
	.cactus-box{
		display:none;
	}
	.about-spiel{
		margin-left:0;
	}
	.about-box{
		display:block;
	}
	.about-mini-box h2{
		font-size:35px;
	}
	.about-mini-box p{
		font-size:25px;
	}
}

@media(max-width:400px){
	.about-mini-box h2{
		font-size:30px;
	}
	.about-mini-box p{
		font-size:24px;
	}
}

@media(max-width:1100px){
	.about-picture-box{
		background-attachment:scroll;
	}
}

/* Testimonials Page */

.test-picture-header{
	width:100%;
	height:250px;
	margin:65px 0 0 0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

.test-picture-header h1{
	color:#fff;
	font-weight:700;
	font-size:50px;
	margin:8%;
}

.test-2{
	margin-top:65px;
}

.test-2 h1{
	margin-top:50px;
}

.test-2 .btn{
	margin:65px 0 100px 0;
}

.testimonial-spiel{
	display:grid;
	grid-template-columns:1fr 1fr;
	margin:50px 8% 0;
	grid-gap:40px;
}

.testimonial-spiel p{
	font-size:18px;
}

.test-page-text{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.test-page-image img{
	max-width:100%;
	margin:auto;
}

.testimonial-screenshot{
	margin:50px 8% 0;
}

.testimonial-screenshot img{
	width:100%;
}

@media(max-width:800px){
	.testimonial-spiel{
		display:grid;
		grid-template-columns:1fr;
		margin:50px 8% 0;
	}
}

@media(min-width:700px){
	.testimonial-mini-box h2{
		font-size:25px;
	}
	.testimonial-text-box a{
		margin-bottom:50px;
	}
}

@media(max-width:1100px){
	.test-picture-header{
		background-attachment:scroll;
	}
}

/* Contact */

#contact-sizer .center{
	padding-top:60px;
	display:block;
}

#contact-sizer h2{
	font-size:35px;
	padding-top:10px;
	margin-top:0!important;
}

#contact-sizer p{
	font-size:23px;
}

/* Contact Form */

.form-sizer{
	margin:0;
}

form{
	margin:50px 0 0 0;
	padding:0;
}

form input,form textarea{
	border:1px solid #2D2D2D;
	width:100%;
	box-sizing:border-box;
	padding:10px;
}

form textarea{
	height:10em;
}

.submitWrap{
	text-align:centre;
}

form [type="submit"]{
	background:#009FE3;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	width:auto;
	cursor:pointer;
	padding:10px 20px;
}

form [type="submit"]:hover{
	background:#ABAEA9;
}

form input:focus,form textarea:focus{
	outline:none;
	border-color:#ABAEA9;
}

form label{
	display:block;
	margin-bottom:20px;
	box-sizing:border-box;
}

form label span{
	display:block;
	margin-bottom:7px;
}

@media (min-width:850px){
	#contact-sizer .center{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:8%;
	}
	form{
		margin:0;
	}
	.contact-spiel .bottom{
		padding-top:20px;
	}
}

/* Blog */

.intro-text{
	padding-top:40px;
}

.intro-text p{
	font-size:22px;
}

.blog-picture-box{
	background-image:url('https://www.hannahmooredesign.com/wp-content/uploads/2018/03/cactus-1.jpg');
}

.blog-container{
	padding-top:60px;
}

.blog-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:50px;
	padding-top:40px;
}

.home-blog-grid{
	padding:0;
}

.blog-post-box{
	box-shadow: 10px 10px 5px #D1D1D1;
}

.blog-box-bg{
	width:100%;
	height:100%;
}

.blog-post-box img{
	width:100%;
	height:auto;
	display:block;
}

.blog-box-text{
	width:100%;
	background-color:#bcbcbc;
	margin:0;
	padding:0;
	min-height:320px;
	display:flex;
	flex-direction:column;
}

.blog-box-bg h1{
	color:#fff;
}

.blog-box-text h3{
	padding:25px 0 0 25px;
	margin:0;
}

.blog-box-text h2{
	padding:0 0 0 25px;
}

.blog-box-text p{
	padding:0 25px;
	margin:0;
}

.blog-btn{
	width:100%;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.blog-box-text a{
	margin:auto;
}

.blog-border{
	height:100%;
	width:5px;
	background-color:blue;
	position:absolute;
}

@media(max-width:1000px){
	.blog-grid{
	grid-template-columns:1fr;
	grid-gap:25px;
	padding-top:60px;
	}
}

@media(max-width:1100px){
	.blog-picture-box{
		background-attachment:scroll;
	}
}

.home-blog-grid{
	padding-top:0;
}