@font-face {
    font-family: "myfont";
    src: url(../font/Montserrat-Medium.ttf);
}
@font-face {
  font-family: "myfontlight";
  src: url(../font/Montserrat-Light.ttf);
}
@font-face {
  font-family: "myfontreg";
  src: url(../font/Montserrat-Regular.ttf);
}

/*********************************
5. Home
*********************************/
.home{
	padding: 0%;
}
.home .row{
    width: 100%;
    margin: 0;
}
.home-img
{
	width: 100%;
    height: 640px;
    padding: 0;
}
.home_text {
    position: relative;
	top: 230px;
    color: #ffffff;
}
.background_image
{
    width: 100%;
    height: 640px;
	background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
/* *******************
      insights
******************** */
.insights{
	padding: 40px 0;
}
.blog{
	margin: 20px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.5);
	text-align: center;
	overflow: hidden;
	position: relative;
	height: 540px;
}
.blog h4{
	padding-top: 20px;
}
.blog img{
	width: 100%;
	transition: all 1s;
	height: 365px;
}
.blog img:hover{
	transform: scale(1.1);
}
.blog button{
	margin-bottom: 10px;
	border-color: #161617;
	background-color: #ffffff;
}
.blog button:hover{
	background-color: #000000;
	color: #ffffff;
}

/* *******************
	   Responsive
******************** */

@media(max-width:1440px){
	.blog img {
		height: 340px;
	}
	.blog{
		height: 530px;
	}
}

@media(max-width:980px){
	.blog img {
		height: 280px;
	}
	.blog{
		height: 470px;
	}
}
@media(max-width:640px){
	.home_text {
		top: 160px;
	}	
	.background_image {
		height: 440px;
	}
	.home-img {
		height: 440px;
	}
	.blog img {
		height: 370px;
	}
	.blog{
		height: 560px;
	}
}
@media(max-width:480px){	
	.background_image {
		height: 370px;
	}
	.home-img {
		height: 370px;
	}
	.blog img {
		height: 340px;
	}
	.blog{
		height: 530px;
	}
}
@media(max-width:375px){
	.home_text {
		font-size: 20px;
	}
	.blog img {
		height: 340px;
	}
	.blog{
		height: 520px;
	}
	.blog h4{
		font-size: 20px;
	}
}
@media(max-width:360px){
	.background_image {
		height: 270px;
	}
	.home_text {
		top: 100px;
	}
	.home-img {
		height: 270px;
	}
	.blog img {
		height: 340px;
	}
	.blog{
		height: 520px;
	}
}
@media(max-width:320px){
	.blog img {
		height: 280px;
	}
	.blog {
		height: 450px;
	}
}