@import url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy&family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Poltawski+Nowy&family=Roboto:wght@700&display=swap');

body{
	font-family:times new roman;
	font-size: 19px;
}


.transit{
		visibility: visible;

	}
@media(max-width:810px){
	.transit{
		visibility: hidden;

	}





	.show{
		transition: all 1.5s ease;
		animation-name: scrole;
		animation-duration: 2s;
		animation-fill-mode: forwards;
	}

	.show:nth-of-type(even){
		transition: all 1.5s ease;
		animation-name: scrolle;
		animation-duration: 2s;
		animation-fill-mode: forwards;
	}

	@keyframes scrole{
		from{
		transition: all 1.5s ease;
		visibility: hidden;
		opacity: .1;
		transform: translateX(-2000px);
	}to{
		transition: all 1.5s ease;
		visibility: visible;
		opacity: none;
		transform: translateX(0px);
	}

	}






	@keyframes scrolle{
		from{
		transition: all 1.5s ease;
		visibility: hidden;
		opacity: .1;
		transform: translateY(500px);
	}to{
		transition: all 1.5s ease;
		visibility: visible;
		opacity: none;
		transform: translateX(0px);
	}

	}
}
	


	





	.content-cover{
		margin-top:-103px ;
		background-image:linear-gradient(80deg, rgba(1,1,1) 20%, rgba(255, 255, 255, 0) 80%), url('images/house.jpg');
		height: 751px;
		width: 100%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		animation-name: building;
		animation-duration: 50s;
		animation-iteration-count: infinite;
		animation-direction: alternate-reverse;
		transition: all 1s ease-in-out;

	}
	@keyframes building{
		0%{
		background-image: linear-gradient(80deg, rgba(1,1,1) 20%, rgba(255, 255, 255, 0) 60%),url('images/house.jpg');
		transition: all 1s ease-in-out;			
		background-size: 100% 100%;
		background-repeat: no-repeat;

		}20%{
			background-image: linear-gradient(80deg, rgba(1,1,1) 20%, rgba(255, 255, 255, 0) 60%),url('images/kitchen.jpg');
		transition: all 1s ease-in-out;	
		background-size: 100% 100%;
		background-repeat: no-repeat;

		}40%{
			background-image: linear-gradient(80deg, rgba(1,1,1) 20%, rgba(255, 255, 255, 0) 60%),url('images/kitchen2.jpg');
		transition: all 1s ease-in-out;	
		background-size: 100% 100%;
		background-repeat: no-repeat;

		}60%{
			background-image: linear-gradient(80deg, rgba(1,1,1) 20%, rgba(255, 255, 255, 0) 60%),url('images/furniture.jpg');
		transition: all 1s ease-in-out;	
		background-size: 100% 100%;
		background-repeat: no-repeat;

		}80%{
			background-image: linear-gradient(80deg, rgba(1,1,1) 20%, rgba(255, 255, 255, 0) 60%),url('images/chairs.jpg');
		transition: all 1s ease-in-out;	
		background-size: 100% 100%;
		background-repeat: no-repeat;

		}100%{
			background-image: linear-gradient(80deg, rgba(1,1,1) 20%, rgba(255, 255, 255, 0) 60%),url('images/interior.jpg');
		transition: all 1s ease-in-out;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	
		}
	}


	#logoabout{
		height:350px;
		width:auto;
		align-content: center;
	}
	.small-caption{
		overflow: auto;
		height: 130px;
		position: relative;
		margin-bottom: 5px;
	}




	/*SECTION FOR 810PX MEDIA QUERY*/

	@media(min-width:769px){
		#buttons{
			display: none !important;
		}
	}

	@media(max-width: 810px){

		.content-cover{
			height: 689px;
		}

#small-coma{
	margin-top:249px;visibility: hidden;
}
		.small-caption{
		overflow: auto;
		height: 170px;
		position: relative;
		margin-bottom: 5px;
	}



		#logoabout{
		height:250px;
		width:auto;
		align-content: center;
	}
	}

/*END SECTION FOR 810PX MEDIA QUERY*/

	#caption-head{
		color:wheat;
		font-size: 53px;
	}


/*SECTION FOR 450PX MEDIA QUERY*/
@media(max-width:450px){

	#caption-head{
		color: wheat;
		font-size: 34px;
	}

			#logoabout{
		height:100%;
		width:auto;
		align-content: center;
	}

}




/*END SECTION FOR 450PX MEDIA QUERY*/


/*SECTION FOR 810PX MEDIA QUERY*/
@media(max-width:810px){

	#caption-head{
		color: wheat;
		font-size: 34px;
	}


}




/*END SECTION FOR 450PX MEDIA QUERY*/









	#caption-heads{
		color:wheat;
		font-size: 50px;
	}


/*SECTION FOR 450PX MEDIA QUERY*/
@media(max-width:450px){

	#caption-heads{
		color: wheat;
		font-size: 30px !important;
	}


}




/*END SECTION FOR 450PX MEDIA QUERY*/


/*SECTION FOR 810PX MEDIA QUERY*/
@media(max-width:810px){

	#caption-heads{
		color: wheat;
		font-size: 32px;
	}


}




/*END SECTION FOR 450PX MEDIA QUERY*/


	.navbar-default{
		background:linear-gradient(90deg,#0000 20%, #0000 80%) ;border: none;

	}
	.navbar-default .navbar-nav > li > a{
		color: white;
		font-weight: bolder;
	}

		.navbar-default .navbar-nav > li > a:hover{
		color: white;
		background-color:#daa5205e ;
		font-weight: bolder;
		transition: all 1.0s ease;
		border-radius: 10px;
	}
	#a{
		font-weight: bold;background: linear-gradient(to right,goldenrod 40%, #fff0 20%);color: white;border-color:goldenrod ;
	}
	#a:hover{
		font-weight: bold;background: linear-gradient(to right, goldenrod,goldenrod);color: white;border-color:goldenrod ;
		transition: all 1.5s ease;
	}
	.box{
		box-shadow: 2px 2px 5px 2px #cec3c3;
		background: white;
		border-radius: 5px;
		margin-bottom: 20px;

		font-size: 16px;

	}
	

	.box >hr{
				border-color: goldenrod;width:50px ;

	}
	
	.box .btn{
		background-color: goldenrod;
		color: white;
		font-weight: bold;
	}

	

	#boxed{
		margin-top: -77px;
	}
	#as{
		background: linear-gradient(124deg, goldenrod 67%,white 20%);
		color: white;
		font-weight: bold;
		border-color: goldenrod;
	}

		#as2{
		background: linear-gradient(124deg, goldenrod 45%,white 20%);
		color: white;
		font-weight: bold;
		border-color: goldenrod;
	}
		#as3{
		background: linear-gradient(124deg, goldenrod 49%,white 20%);
		color: white;
		font-weight: bold;
		border-color: goldenrod;
	}
	#buttons{
		background: none;
		border: none;
	}
	#icons1{
		background: white;
	}
	#icons2{
		background: white;
	}
	#icons3{
		background: white;
	}
	.text-caption{
		overflow: auto;
		position: relative;
		height: 255px;
		margin-bottom: 15px;
		font-size: 19px;
	}
	.col-caption{
		overflow: auto;position: relative;
		height: 108px;
	}