@import "./typography/typography.css";
@import "./palette.css";
@import "./header.css";
@import "./button.css";
@import "./footer.css";

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	font-family: "Ubuntu", sans-serif;
}

html {
	scrollbar-width: thin;
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(46, 46, 46, 0.3);
	border-radius: 5px;
}

body {
	overflow-x: hidden;
}

.container {
	max-width: 1270px;
	padding: 15px;
	margin-bottom: 60px;
	margin-top: 30px;
}

li {
	list-style: none;
}

button {
	border: 0;
}

.svgicons {
	transition: 0.4s;
}

.svgicons:hover {
	filter: grayscale(60%);
	transition: 0.4s;
}

section {
	display: flex;
	justify-content: center;
	width: 100%;
}

.comagic-c-simple-sitephone__links {
	display: none !important;
}

@media screen and (max-width: 1024px) {
	.container {
		max-width: 1000px;
	}
}

@media screen and (max-width: 768px) {
	.container {
		max-width: 700px;
	}
}

@media screen and (max-width: 667px) {
	.container {
		max-width: 600px;
	}
}

@media screen and (max-width: 480px) {
	.container {
		max-width: 100%;
		margin-bottom: 30px;
	}
}