.custom-container
{
	
}
.logo-bg
{
	background-color:#000;
}

.logo-bg img
{
	margin:10px 0px;
	padding: 7px 0px;
	width:300px;
}

.row-custom
{
	
    margin-bottom: 10px;
}

.row-custom h1
{
	font-family: 'Anton', sans-serif;
	font-size: 40px;
}



.blog1
{
	display: block;
    /* width: 100%; */
    /* margin: 0 auto; */
    background-image: url(../images/blog1-image-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100vh; */
    overflow: hidden;
    height:auto;
	padding: 161px 55px;
}

.blog2
{
	display: block;
    /* width: 100%; */
    /* margin: 0 auto; */
    background-image: url(../images/blog2-image-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100vh; */
    overflow: hidden;
    height:auto;
	padding: 161px 55px;
}

.row-custom h1
{
	color:#fff;
}


.btn1
{
	font-size: 20px;
	padding: 10px 35px;
    background-color: #090909;
    border-color: #000000;
   border-radius: 30px;
    margin-top: 8px;
    color: #fffdfd;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.btn1:hover
{
	background-color: #000;
    border-color: #daa520;
	color:#daa520;
	
}

.btn2
{
	font-size: 20px;
	padding: 10px 35px;
    background-color: #daa520;
    border-color: #daa520;
   border-radius: 30px;
    margin-top: 8px;
    color: #fffdfd;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.btn2:hover
{
	background-color: #000;
    border-color: #000;
	
}

.custom-container p
{
	font-size: 18px;
    color: #3d3b3b;
	margin-top:10px;
}

@media only screen and (min-width: 320px) and (max-width: 357px) 
{
	.row-custom
	{
		height:415px;
	}
	
	.blog1
	{
		padding:15px 5px;
	}
	
	.blog2
	{
		padding:15px 5px;
	}
}

@media only screen and (min-width: 358px) and (max-width: 471px) 
{
	.row-custom
	{
		height:380px;
	}
	
	.blog1
	{
		padding:20px 5px;
	}
	
	.blog2
	{
		padding:20px 5px;
	}
}

@media only screen and (min-width: 472px) and (max-width: 500px) 
{
	.row-custom
	{
		height:345px;
	}
	
	.blog1
	{
		padding:20px 5px;
	}
	
	.blog2
	{
		padding:20px 5px;
	}
}

@media only screen and (min-width: 501px) and (max-width: 767px) 
{
	.row-custom
	{
		height:345px;
	}
	
	.blog1
	{
		padding:20px 5px;
	}
	
	.blog2
	{
		padding:20px 5px;
	}
}

@media only screen and (min-width: 1367px) and (max-width: 1600px) 
{
.row-custom
	{
		height:690px;
	}

.blog1
	{
		padding:215px 55px;
	}
	
	.blog2
	{
		padding:215px 55px;
	}	
}