/* 
    CSS FOR MOBILE DEVICES
*/

@media (max-width: 576px) {
    body, html{
        max-width: 100%;
        overflow-x: hidden;
	}
	
	h1.entry-title{
		font-size: 2.1rem;
	}
	div.accessibility-box {
		display: none;
	}

	.search-header {
		display: none;
	}

	div.main-nav nav.navbar {
		display: none;
	}

	div.main-nav div.container {
		justify-content: space-between;
	}

	div.box-search-mobile {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	div.box-search-mobile {
		font-size: 1.3rem;
		color: #fff;
	}

	div.box-search-mobile-container {
		width: 100%;
		padding: 5px 20px;
		min-height: 60px;
		background-color: #fff;
		border: 1px solid #f3f3f3;
	}
	div.box-search-mobile-container-active {
		display: block;
		animation-delay: 1s;
	}
	div.box-search-mobile-container input {
		padding: 10px 20px;
	}
	div.box-search-mobile-container button {
		border: none;
		background-color: transparent;
		margin-left: -50px;
		cursor: pointer;
	}
} /* @media (max-width: 576px) */


font{
    display: none;
}