*
{
	margin: 0!important;
	padding: 0!important;
	list-style-type: none!important;
	box-sizing: border-box!important;
	text-decoration: none!important;
}

.nav .container
{
	display: flex!important;
	justify-content: space-between!important;
}

.container
{
	width: 1140px!important;
	margin: 0 auto!important;
}

.logo
{
	margin: 20px 0!important;
	font-size: 30px!important;
	font-weight: bolder!important;
	font-family: 'roboto', sans-serif!important;
}

.nav-list
{
	display: flex!important;
	margin: 20px 0!important;
}

.nav-item
{

}

.nav-link
{
	padding: 10px 20px!important;
	font-size: 20px!important;
	font-family: 'Roboto', sans-serif!important;
	color: #000!important;
	display: flex!important;
	align-items: center!important;
	transition: background-color 0.5s!important;
}

.nav-link:hover
{
	background-color: #0001!important;
	transition: .5s!important;
}

.nav-button
{
	display: block!important;
	color: #fff9!important;
	font-size: 20px!important;
	font-family: 'Roboto', sans-serif!important;
	background-color: #f009!important;
	border-radius: 7px!important;
	transition: all 0.5s!important;
}

.nav-button:hover
{
	background-color: #f00d!important;
	color: #fff!important;

}

.dropdown
{
	position: relative!important;
}

.dropdown:hover .dropdown-list
{
	display: block!important;
}

.dropdown-list
{
	position: absolute!important;
	width: 230px!important;
	display: none;
	min-height: 273px!important;
	background-color: #fff!important;
	border-top: 2px solid #f00!important;
	border-bottom: 2px solid #f00!important;
}

.dropdown-item
{
	padding: 20px 20px!important;
}

.dropdown-link
{
	width: 100%!important;
	position: absolute!important;
	left: 0!important;
	padding: 10px 20px!important;
	font-size: 20px!important;
	font-family: 'Roboto', sans-serif!important;
	color: #000!important;
	transition: background-color 1s!important;
}

.active
{
	background-color: #0005;
	color: #fff6 !important;
}

.dropdown-link:hover
{
	background-color: #000!important;
	color: #fff!important;
	transition: 0.3s!important;
}

.s-button
{
	padding: 10px 0!important;
}



.one
{
	width: 100px;
	text-align: center;
	padding: 25px 15px!important;
	border-radius: 50%;
	font-size: 35px;
	background-color: rgb(84,84,212);
}

.sectiongrid-imgs:nth-child(1)
{
	transform: translateX(-10px)!important;
}

.sectiongrid-img:nth-child(1)

{
	transform: translateY(-10px);
}