@media all and (min-width: 1000px){
	.trsprnt:hover{
		background-color: #96EFFF;
		border-color: transparent;
	}
	.blue:hover{
		border: 2px solid;
		background-color: transparent;
	}

	.nav-link:hover{
		background-color: #5FBDFF;
		color: blue;
	}
}

@media all and (max-width: 768px){
	.nav-wrapper {
		overflow: auto;
		white-space: nowrap;
	}
	.logo, .search-wrapper, .topnav {
		display: inline-block;
	}
	.h1 {
		font-size: 8vw;
	}
	.header-btn {
		width: 90vw;
		height: 60px;
		margin-top: 15px;
	}
	.header-btn + .header-btn{
		margin-left: 0;
	}
	.section-subtitle{
		width: 85%;
	}
	.second-item, .first-item {
		width: 90%;
		margin: 20px auto;
		padding-left: 100%;
		padding-right: 10%;
	}
	.first-box {
		flex-wrap: wrap;
	}
}