*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	font-family:Poppins,sans-serif
}
html{
	font-size:62.5%
}
header{
	padding:33px 130px;
	display:flex;
	align-items:center;
	margin-bottom:47px
}
header .logo{
	margin-right:10%
}
header nav{
	width:34%
}
header nav ul{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	list-style:none
}
header nav ul a{
	color:#fbfbfb;
	text-decoration:none;
	font-size:1.6rem;
	font-weight:400
}
header nav ul a:hover{
	text-decoration:underline
}
header .contact{
	margin-left:auto;
	display:inline-block;
	padding:16px 26px;
	background-color:#515def;
	color:#fbfbfb;
	font-size:1.7rem;
	text-decoration:none
}
header .contact:hover{
	transform:scale(1.1);
	transition:all .4s linear
}
.page{
	max-width:1440px;
	margin:0 auto;
	background-color:#515def;
	position:relative;
	z-index:2
}
.page .group{
	position:absolute;
	z-index:-10;
	top:0;
	right:0;
	width:40%;
	height:100%;
	object-fit:cover
}
main{
	width:100%
}
main .hero{
	text-align:start;
	width:58%;
	margin-bottom:70px;
	padding:0 130px
}
main .hero p{
	font-size:2rem;
	font-weight:400;
	color:#fbfbfb;
	line-height:37px
}
main .hero .saludo{
	margin-bottom:16px
}
main .hero h1{
	font-size:5.1rem;
	font-weight:700;
	line-height:72px;
	color:#fbfbfb;
	width:97%;
	min-width:600px;
	margin-bottom:28px
}
main .hero p:not(.saludo){
	width:100%;
	margin-bottom:45px
}
main .hero .collaborate{
	width:fit-content;
	display:flex;
	align-items:center;
	padding:16px;
	background-color:#fbfbfb;
	color:#333;
	font-size:2rem;
	font-weight:400;
	text-decoration:none
}
main .hero .collaborate span{
	margin-left:8px;
	width:40px;
	height:40px;
	display:inline-block;
	background-image:url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.5%2024.1999C10.5%2023.7892%2010.6581%2023.3954%2010.9394%2023.105C11.2207%2022.8146%2011.6022%2022.6515%2012%2022.6515L32.385%2022.6515L30.435%2020.6541C30.1526%2020.3625%2029.9939%2019.9671%2029.9939%2019.5547C29.9939%2019.1424%2030.1526%2018.7469%2030.435%2018.4554C30.7175%2018.1638%2031.1006%2018%2031.5%2018C31.8995%2018%2032.2826%2018.1638%2032.565%2018.4554L37.065%2023.1005C37.2732%2023.3183%2037.4142%2023.5948%2037.4702%2023.8951C37.5263%2024.1955%2037.4949%2024.5063%2037.38%2024.7883C37.2675%2025.071%2037.0764%2025.3131%2036.8308%2025.4839C36.5852%2025.6548%2036.2962%2025.7467%2036%2025.7483L12%2025.7483C11.6022%2025.7483%2011.2207%2025.5851%2010.9394%2025.2948C10.6581%2025.0044%2010.5%2024.6105%2010.5%2024.1999Z'%20fill='%23333333'/%3e%3cpath%20d='M30%2028.845C29.9988%2028.6412%2030.0367%2028.4392%2030.1113%2028.2506C30.186%2028.0619%2030.2959%2027.8903%2030.435%2027.7457L34.935%2023.1005C35.2174%2022.8089%2035.6005%2022.6451%2036%2022.6451C36.1978%2022.6451%2036.3936%2022.6854%2036.5763%2022.7635C36.7591%2022.8416%2036.9251%2022.9561%2037.065%2023.1005C37.2048%2023.2449%2037.3158%2023.4163%2037.3915%2023.6049C37.4671%2023.7935%2037.5061%2023.9957%2037.5061%2024.1999C37.5061%2024.6122%2037.3474%2025.0077%2037.065%2025.2992L32.565%2029.9444C32.4255%2030.0895%2032.2596%2030.2047%2032.0768%2030.2833C31.894%2030.3619%2031.698%2030.4024%2031.5%2030.4024C31.3019%2030.4024%2031.1059%2030.3619%2030.9231%2030.2833C30.7403%2030.2047%2030.5744%2030.0895%2030.435%2029.9444C30.2959%2029.7997%2030.186%2029.6281%2030.1113%2029.4395C30.0367%2029.2508%2029.9988%2029.0488%2030%2028.845Z'%20fill='%23333333'/%3e%3c/svg%3e");
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain
}
main .hero .collaborate:hover{
	transform:scale(1.1);
	transition:all .4s linear
}
.products{
	width:74%;
	background-color:#fbfbfb;
	padding:35px 35px 35px 130px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.products article{
	width:29%;
	height:100%;
	text-align:start
}
.products article span{
	width:55px;
	height:55px;
	display:inline-block;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:10px
}
.products article h4{
	color:#333;
	font-size:1.8rem;
	font-weight:700
}
.products article p{
	width:100%;
	font-size:1.5rem;
	color:#909090;
	font-weight:400
}
.products .web{
	background-image:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M58%2012C58%208.688%2055.312%206%2052%206H12C8.688%206%206%208.688%206%2012V52C6%2055.312%208.688%2058%2012%2058H52C55.312%2058%2058%2055.312%2058%2052V12ZM54%2012V52C54%2053.104%2053.104%2054%2052%2054H12C10.896%2054%2010%2053.104%2010%2052V12C10%2010.896%2010.896%2010%2012%2010H52C53.104%2010%2054%2010.896%2054%2012Z'%20fill='%23515DEF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M30%2031C30%2028.24%2027.76%2026%2025%2026H19C16.24%2026%2014%2028.24%2014%2031V45C14%2047.76%2016.24%2050%2019%2050H25C27.76%2050%2030%2047.76%2030%2045V31ZM26%2031V45C26%2045.552%2025.552%2046%2025%2046H19C18.448%2046%2018%2045.552%2018%2045V31C18%2030.448%2018.448%2030%2019%2030H25C25.552%2030%2026%2030.448%2026%2031ZM36%2032H48C49.104%2032%2050%2031.104%2050%2030C50%2028.896%2049.104%2028%2048%2028H36C34.896%2028%2034%2028.896%2034%2030C34%2031.104%2034.896%2032%2036%2032ZM36%2040H48C49.104%2040%2050%2039.104%2050%2038C50%2036.896%2049.104%2036%2048%2036H36C34.896%2036%2034%2036.896%2034%2038C34%2039.104%2034.896%2040%2036%2040ZM36%2048H48C49.104%2048%2050%2047.104%2050%2046C50%2044.896%2049.104%2044%2048%2044H36C34.896%2044%2034%2044.896%2034%2046C34%2047.104%2034.896%2048%2036%2048ZM8%2022H56C57.104%2022%2058%2021.104%2058%2020C58%2018.896%2057.104%2018%2056%2018H8C6.896%2018%206%2018.896%206%2020C6%2021.104%206.896%2022%208%2022Z'%20fill='%23515DEF'/%3e%3cpath%20d='M16%2016C17.1046%2016%2018%2015.1046%2018%2014C18%2012.8954%2017.1046%2012%2016%2012C14.8954%2012%2014%2012.8954%2014%2014C14%2015.1046%2014.8954%2016%2016%2016Z'%20fill='%23515DEF'/%3e%3cpath%20d='M22%2016C23.1046%2016%2024%2015.1046%2024%2014C24%2012.8954%2023.1046%2012%2022%2012C20.8954%2012%2020%2012.8954%2020%2014C20%2015.1046%2020.8954%2016%2022%2016Z'%20fill='%23515DEF'/%3e%3cpath%20d='M28%2016C29.1046%2016%2030%2015.1046%2030%2014C30%2012.8954%2029.1046%2012%2028%2012C26.8954%2012%2026%2012.8954%2026%2014C26%2015.1046%2026.8954%2016%2028%2016Z'%20fill='%23515DEF'/%3e%3c/svg%3e")
}
.products .media{
	background-image:url(./social_media-aZPdiP00.svg)
}
.products .artwork{
	background-image:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M54%2012H50C49.4696%2012%2048.9609%2012.2107%2048.5858%2012.5858C48.2107%2012.9609%2048%2013.4696%2048%2014V16H28.7568L26.3184%208.332C25.7954%206.76639%2024.6828%205.46624%2023.2169%204.70756C21.7509%203.94889%2020.047%203.79142%2018.4668%204.2686C17.6666%204.50136%2016.9213%204.89246%2016.2751%205.41868C15.6289%205.9449%2015.095%206.59554%2014.705%207.332C14.3264%208.04102%2014.0942%208.81887%2014.022%209.61937C13.9499%2010.4199%2014.0393%2011.2267%2014.285%2011.992L15.56%2016H6C5.46957%2016%204.96086%2016.2107%204.58579%2016.5858C4.21071%2016.9609%204%2017.4696%204%2018V58C4%2058.5304%204.21071%2059.0391%204.58579%2059.4142C4.96086%2059.7893%205.46957%2060%206%2060H54C55.5908%2059.9983%2057.1159%2059.3656%2058.2407%2058.2407C59.3656%2057.1159%2059.9983%2055.5908%2060%2054V18C59.9983%2016.4092%2059.3656%2014.8841%2058.2407%2013.7593C57.1159%2012.6344%2055.5908%2012.0017%2054%2012ZM29.834%2032.5908L28.334%2035.333L25.434%2033.8466L19.98%2016.6976L24.3654%2015.392L29.834%2032.5908ZM18.24%209.2032C18.3828%208.93774%2018.5773%208.70362%2018.8121%208.51468C19.047%208.32573%2019.3173%208.18582%2019.6072%208.1032C20.183%207.91899%2020.808%207.96663%2021.3492%208.23598C21.8905%208.50534%2022.3053%208.97517%2022.5056%209.5456L23.1528%2011.58L18.7674%2012.8856L18.0976%2010.78C18.0143%2010.5211%2017.984%2010.248%2018.0084%209.97711C18.0329%209.70621%2018.1116%209.44301%2018.24%209.2032ZM54%2056H8V20H16.8316L21.873%2035.8536C21.9532%2036.1051%2022.0823%2036.3383%2022.2529%2036.5398C22.4235%2036.7412%2022.6323%2036.9069%2022.8672%2037.0274L28.2422%2039.78C28.5238%2039.9247%2028.8358%2040.0001%2029.1524%2040H35C35.7956%2040%2036.5587%2040.3161%2037.1213%2040.8787C37.6839%2041.4413%2038%2042.2043%2038%2043C38%2043.7957%2037.6839%2044.5587%2037.1213%2045.1213C36.5587%2045.6839%2035.7956%2046%2035%2046H14V50H35C36.8565%2050%2038.637%2049.2625%2039.9497%2047.9497C41.2625%2046.637%2042%2044.8565%2042%2043C42%2041.1435%2041.2625%2039.363%2039.9497%2038.0503C38.637%2036.7375%2036.8565%2036%2035%2036H32.528L33.754%2033.76C33.8844%2033.5229%2033.9651%2033.2618%2033.9913%2032.9925C34.0175%2032.7232%2033.9886%2032.4514%2033.9064%2032.1936L30.0288%2020H48V50C48%2050.5304%2048.2107%2051.0391%2048.5858%2051.4142C48.9609%2051.7893%2049.4696%2052%2050%2052H54C54.5304%2052%2055.0391%2052.2107%2055.4142%2052.5858C55.7893%2052.9609%2056%2053.4696%2056%2054C56%2054.5304%2055.7893%2055.0391%2055.4142%2055.4142C55.0391%2055.7893%2054.5304%2056%2054%2056ZM56%2048.3428C55.3578%2048.1153%2054.6813%2047.9994%2054%2048H52V16H54C54.5303%2016.0005%2055.0387%2016.2114%2055.4136%2016.5864C55.7886%2016.9613%2055.9995%2017.4697%2056%2018V48.3428Z'%20fill='%23FF872E'/%3e%3c/svg%3e")
}
body{
	overflow-x:hidden;
	font-size:16px
}
img{
	max-width:100%
}
h1{
	color:green
}