:root{
	--principal-font: 'Montserrat', sans-serif;
	--principal-font: 'Inter', sans-serif;
	--principal-font: 'Figtree', sans-serif;
	--secondary-font: 'Roboto', sans-serif;
	--secondary-font: 'Lato', sans-serif;
	--secondary-font: 'Inter', sans-serif;
	--secondary-font: 'Figtree', sans-serif;
	--primary-color-1: #FEE600;
	--primary-color-2: #3483FA;
	--secondary-color-1: #F4B764;
	--secondary-color-2: #E77BBE;
	--secondary-color-3: #8A58E8;
	--secondary-color-4: #625BEC;
	--secondary-color-5: #B2E783;
	--secondary-color-6: #6EDBD1;
	--neutral-color-1: #FFFFFF;
	--neutral-color-2: #F2F3F5;
	--neutral-color-3: #DEDEDE;
	--neutral-color-4: #B4B4B4;
	--neutral-color-5: #333333;
}

body {
    overflow-y: scroll;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

*{
	font-family: var(--secondary-font);
    font-weight: 400;
}

/*FOOTER*/
footer {
    margin-top: auto;
    display: flex;
    align-items: center;
	border-top: 1px solid rgb(0,0,0,.1);
	padding: 8px 0;
	background-color: #101010;
    color: var(--neutral-color-3);
}

	footer .container {
		display: flex;
		justify-content: space-between;
		min-height: 40px;
		align-items: center;
		font-size: 12px;
		flex-direction: column;
		gap: 4px;
		text-align: center;
	}
		
		@media (min-width: 768px)
		{
			footer .container {
				flex-direction: row;
			}
		}
		
		.contact {
			font-weight: 600;
		}

/*HOME*/
.home-search-container {
    /*height: calc(100vh - 61px);*/
    padding: 75px 20px;
}

	.home-search-container .container {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 4px;
	}
	
		.home-search-title {
			text-align: center;
			font-family: var(--principal-font);
			color:  var(--neutral-color-5);
			text-align: center;
			font-size: 32px;
			font-weight: 800;
			line-height: 1.25;
		}
		
		.home-search-subtitle {
			text-align: center;
			margin: 24px auto;
			font-size: 14px;
		}
		
			@media (min-width: 768px)
			{
	
				.home-search-title {
					max-width: 640px;
				}
				.home-search-subtitle {
					max-width: 640px;				
				}
			}
			
			@media (min-width: 992px)
			{
	
				.home-search-title {
					font-size: 45px;
					max-width: 720px;
				}
				.home-search-subtitle {
					font-size: 16px;
					max-width: 720px;				
				}
				
			}
		
		.home-search-input {
			display: flex;
			background-color: #f5f5f5;
			width: 100%;
			max-width: 450px;
			padding: 1rem .5rem 1rem 1rem;
			border-radius: 4px;
			height: 50px;
			color: #757575;
			align-items: center;
		}
		
			input#home-search {
				width: 100%;
				border: none;
				background-color: transparent;
				outline: none;
			}
			
			.home-search-icon {
				padding: 5px 10px;
				border-radius: 4px;
				background-color: #eeeded;
				cursor: pointer;
			}
			
				.home-search-icon:hover {
					color: black;
				}
		
			@media (min-width: 992px){
				.home-search-input {
					margin-top: 16px;
				}
			}
		
		.home-search-tags {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 8px;
			justify-content: center;
			margin-top: 24px;
			font-size: 14px;
		}
		

			a.home-search-tag {
				color: #757575;
				text-decoration: none;
				border: 1px solid #e7e7e9;
				border-radius: 4px;
				padding: 2px 8px;
			}