@import url("fontawesome-all.min.css");

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Fira Sans"), url(../webfonts/fira-sans-v10-latin-regular.ttf) format("truetype");
}
.fira-sans-regular {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
* body {
  width: 100%;
  font-family: "Fira Sans", sans-serif;
  font-size: 45px;
  background-color: #D5E8D4;
  color: #548C82;
}
* body p {
  margin: 1em;
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

h1 {
  margin-top: 1em;
  margin-bottom: .5em;
  text-align:center;
  width: 70%;
  font-size:.7em;
  font-weight: normal;
}

[class^=block-] {
  display: flex;
  flex-direction: row;
  gap: 2vh;
  height: 29.3333333333vh;
}
@media (max-width: 480px) {
  [class^=block-] {
    flex-direction: column;
  }
}

[class^=box-] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-1 {
  flex-basis: 100%;
}
.box-2, .box-5 {
  flex-basis: 70%;
}

.box-3, .box-4 {
  flex-basis: 30%;
}
.box-3 img, .box-4 img {
  width: 100%;
}

@media (max-width: 480px) {
  .block-2 {
    height: 66.6666666667vh;
  }
  .block-3 {
    flex-direction: row;
  }
  .box-2, .box-3, .box-4, .box-5 {
    flex-basis: 50%;
  }
}
img.logo {
  margin-top: 20px;
  width:300px;
}
img.pulla {
  margin-top: 1em;
    width:300px;
    height:300px;
    border-radius:2%;
    overflow:hidden;
}
/* Icon */

ol, ul {
	list-style: none;
}
	.icon {
		text-decoration: none;
		position: relative;
		text-decoration: none;
		color: #548C82;
		font-size:2em;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon > .label {
			display: none;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

/*# sourceMappingURL=style.css.map */