@import url("../Css-ver1.2/cssreset.css");
.general-main {
  width: 100%;
  height: fit-content;
  min-height: 100vh;
  background-image: url("../Media-ver1.1/background-generalpage-min.jpeg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-attachment: fixed;
  box-sizing: border-box;
  padding: 28vw 10vw 5vw 10vw;
}
.general-main .description {
  width: 100%;
  height: fit-content;
  border-radius: 1em;
  padding-bottom: 2vw;
  margin-bottom: 10vh;
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20vw auto;
}
.general-main .description-icon {
  position: absolute;
  width: 40vw;
  height: 40vw;
  left: -20vw;
  top: -20vw;
  border-radius: 100%;
  background-image: url("../Media-ver1.1/icons/description-black.svg");
  background-position-x: 75%;
  background-position-y: 75%;
  background-size: 10vw;
  background-repeat: no-repeat;
  border-style: double;
  border-color: #080666;
  border-width: 0.5vw;
  background-color: white;
}
.general-main .description h1 {
  grid-row: 1/2;
  grid-column: 4/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #080666;
}
.general-main .description-data {
  grid-row: 2/-1;
  grid-column: 1/-1;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding: 0vw 2vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
}
.general-main .description-data h2 {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 3vw;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 1vw;
  margin-top: 3vw;
  color: #080666;
}
.general-main .description-data h2:nth-of-type(1) {
  margin-top: 0vw;
}
.general-main .description-data p {
  width: 100%;
  font-size: 2.4vw;
  text-align: justify;
  margin-bottom: 0.5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.general-main .description-data ol {
  width: 100%;
  padding-left: 3vw;
  box-sizing: border-box;
  max-height: 35vh;
  margin: 2vw 0vw;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.general-main .description-data ol li {
  width: 100%;
  margin: 0.5vw 0vw;
  font-size: 2.4vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  list-style-type: disc;
}
.general-main .description-data .sublist {
  padding-left: 5vw;
  margin: 0vw;
}
.general-main .description-data .indentparagraph {
  text-indent: 3vw;
}
.general-main .impact {
  width: 100%;
  height: fit-content;
  border-radius: 1em;
  padding-bottom: 2vw;
  margin-bottom: 10vh;
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20vw auto;
  margin-top: 20vw;
}
.general-main .impact-icon {
  position: absolute;
  width: 40vw;
  height: 40vw;
  left: -20vw;
  top: -20vw;
  border-radius: 100%;
  background-image: url("../Media-ver1.1/icons/target.svg");
  background-position-x: 75%;
  background-position-y: 75%;
  background-size: 10vw;
  background-repeat: no-repeat;
  border-style: double;
  border-color: #080666;
  border-width: 0.5vw;
  background-color: white;
}
.general-main .impact h1 {
  grid-row: 1/2;
  grid-column: 4/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #080666;
}
.general-main .impact-data {
  grid-row: 2/-1;
  grid-column: 1/-1;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding: 0vw 2vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
}
.general-main .impact-data h2 {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 3vw;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 1vw;
  margin-top: 3vw;
  color: #080666;
}
.general-main .impact-data h2:nth-of-type(1) {
  margin-top: 0vw;
}
.general-main .impact-data p {
  width: 100%;
  font-size: 2.4vw;
  text-align: justify;
  margin-bottom: 0.5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.general-main .impact-data ol {
  width: 100%;
  padding-left: 3vw;
  box-sizing: border-box;
  max-height: 35vh;
  margin: 2vw 0vw;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.general-main .impact-data ol li {
  width: 100%;
  margin: 0.5vw 0vw;
  font-size: 2.4vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  list-style-type: disc;
}
.general-main .impact-data .sublist {
  padding-left: 5vw;
  margin: 0vw;
}
.general-main .impact-data .indentparagraph {
  text-indent: 3vw;
}
.general-main .parteners {
  width: 100%;
  height: fit-content;
  border-radius: 1em;
  padding-bottom: 2vw;
  margin-bottom: 10vh;
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20vw auto;
  margin-top: 20vw;
  height: 50vw;
}
.general-main .parteners-icon {
  position: absolute;
  width: 40vw;
  height: 40vw;
  left: -20vw;
  top: -20vw;
  border-radius: 100%;
  background-image: url("../Media-ver1.1/icons/parteners-black.svg");
  background-position-x: 75%;
  background-position-y: 75%;
  background-size: 10vw;
  background-repeat: no-repeat;
  border-style: double;
  border-color: #080666;
  border-width: 0.5vw;
  background-color: white;
}
.general-main .parteners h1 {
  grid-row: 1/2;
  grid-column: 4/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #080666;
}
.general-main .parteners-data {
  grid-row: 2/-1;
  grid-column: 1/-1;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding: 0vw 2vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
}
.general-main .parteners-data h2 {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 3vw;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 1vw;
  margin-top: 3vw;
  color: #080666;
}
.general-main .parteners-data h2:nth-of-type(1) {
  margin-top: 0vw;
}
.general-main .parteners-data p {
  width: 100%;
  font-size: 2.4vw;
  text-align: justify;
  margin-bottom: 0.5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.general-main .parteners-data ol {
  width: 100%;
  padding-left: 3vw;
  box-sizing: border-box;
  max-height: 35vh;
  margin: 2vw 0vw;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.general-main .parteners-data ol li {
  width: 100%;
  margin: 0.5vw 0vw;
  font-size: 2.4vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  list-style-type: disc;
}
.general-main .parteners-data .sublist {
  padding-left: 5vw;
  margin: 0vw;
}
.general-main .parteners-data .indentparagraph {
  text-indent: 3vw;
}
.general-main .parteners .parteners-rollercontainer {
  grid-row: 2/-1;
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0vw 2vw;
  padding: 2vw 0vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.general-main .parteners .parteners-rollercontainer::-webkit-scrollbar {
  display: none;
}
.general-main .parteners .parteners-rollercontainer .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.general-main .parteners .parteners-rollercontainer .gimmik .parteners-rollercontainer-rollerelement {
  min-width: 50%;
  width: 50%;
  height: 100%;
  display: flex;
  animation-name: Rollerelementrelease;
  animation-duration: 0.5s;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}
.general-main .parteners .parteners-rollercontainer .gimmik .parteners-rollercontainer-rollerelement:hover {
  animation-name: Rollerelementhover;
  animation-duration: 0.5s;
  box-shadow: 0 0 2vw 0.5vw rgba(0, 0, 0, 0.2);
}
.general-main .parteners .parteners-rollercontainer .gimmik .parteners-rollercontainer-rollerelement a {
  width: 100%;
  height: 100%;
}
.general-main .parteners .parteners-rollercontainer .gimmik .parteners-rollercontainer-rollerelement a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@keyframes Rollerelementhover {
  from {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  }
  to {
    box-shadow: 0 0 2vw 0.5vw rgba(0, 0, 0, 0.2);
  }
}
@keyframes Rollerelementrelease {
  from {
    box-shadow: 0 0 2vw 0.5vw rgba(0, 0, 0, 0.2);
  }
  to {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  }
}
.activities-main {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  box-sizing: border-box;
}
.activities-main .roller {
  grid-row: 1/-1;
  grid-column: 1/9;
  margin-left: 3vw;
  margin-top: 25vw;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  padding: 0vw 2vw;
  box-shadow: 0 0 2vw 0.5vw rgba(0, 0, 0, 0.2);
  padding-top: 10vw;
}
.activities-main .roller .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.activities-main .roller .gimmik::-webkit-scrollbar {
  display: none;
}
.activities-main .roller .gimmik .roller-element {
  width: 100%;
  height: 30%;
  min-height: 30%;
  padding: 1vw;
}
.activities-main .roller .gimmik .roller-element img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.activities-main .roller .gimmik .roller-element ol {
  width: 100%;
  height: fit-content;
}
.activities-main .roller .gimmik .roller-element ol li {
  list-style-type: disc;
  list-style-position: inside;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  margin: 0vw 1vw;
}
.activities-main h1 {
  grid-row: 1/2;
  grid-column: 1/9;
  margin-top: 25vw;
  color: #080666;
  font-size: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.activities-main .attachement-map {
  grid-row: 2/4;
  grid-column: 1/3;
  width: 20vw;
  height: 110%;
  margin-left: -15vw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.activities-main .attachement-map .attachement-content {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #080666;
  border-radius: 5em;
  position: relative;
  padding-left: 2.5vw;
  box-sizing: border-box;
  opacity: 70%;
  left: 17.5vw;
}
.activities-main .attachement-map .attachement-content p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  font-size: 2vw;
  color: white;
  user-select: none;
}
.activities-main .attachement-map .attachement-mask {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 100%;
  border-radius: 100%;
  background-color: #080666;
  background-image: url("../Media-ver1.1/icons/attachement.svg");
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: 3.5vw;
}
.activities-main .attachement-evaluation {
  grid-row: 4/6;
  grid-column: 1/3;
  width: 20vw;
  height: 110%;
  margin-left: -15vw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.activities-main .attachement-evaluation .attachement-content {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #080666;
  border-radius: 5em;
  position: relative;
  padding-left: 2.5vw;
  box-sizing: border-box;
  opacity: 70%;
  left: 17.5vw;
}
.activities-main .attachement-evaluation .attachement-content p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  font-size: 2vw;
  color: white;
  user-select: none;
}
.activities-main .attachement-evaluation .attachement-mask {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 100%;
  border-radius: 100%;
  background-color: #080666;
  background-image: url("../Media-ver1.1/icons/attachement.svg");
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: 3.5vw;
}
.activities-main .attachement-free1 {
  grid-row: 6/8;
  grid-column: 1/3;
  width: 20vw;
  height: 110%;
  margin-left: -15vw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.activities-main .attachement-free1 .attachement-content {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #080666;
  border-radius: 5em;
  position: relative;
  padding-left: 2.5vw;
  box-sizing: border-box;
  opacity: 70%;
  left: 17.5vw;
}
.activities-main .attachement-free1 .attachement-content p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  font-size: 2vw;
  color: white;
  user-select: none;
}
.activities-main .attachement-free1 .attachement-mask {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 100%;
  border-radius: 100%;
  background-color: #080666;
  background-image: url("../Media-ver1.1/icons/attachement.svg");
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: 3.5vw;
}
.activities-main .attachement-free2 {
  grid-row: 8/10;
  grid-column: 1/3;
  width: 20vw;
  height: 110%;
  margin-left: -15vw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.activities-main .attachement-free2 .attachement-content {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #080666;
  border-radius: 5em;
  position: relative;
  padding-left: 2.5vw;
  box-sizing: border-box;
  opacity: 70%;
  left: 17.5vw;
}
.activities-main .attachement-free2 .attachement-content p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  font-size: 2vw;
  color: white;
  user-select: none;
}
.activities-main .attachement-free2 .attachement-mask {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 100%;
  border-radius: 100%;
  background-color: #080666;
  background-image: url("../Media-ver1.1/icons/attachement.svg");
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: 3.5vw;
}
.activities-main .attachement-free3 {
  grid-row: 10/12;
  grid-column: 1/3;
  width: 20vw;
  height: 110%;
  margin-left: -15vw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.activities-main .attachement-free3 .attachement-content {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #080666;
  border-radius: 5em;
  position: relative;
  padding-left: 2.5vw;
  box-sizing: border-box;
  opacity: 70%;
  left: 17.5vw;
}
.activities-main .attachement-free3 .attachement-content p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  font-size: 2vw;
  color: white;
  user-select: none;
}
.activities-main .attachement-free3 .attachement-mask {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 20vw;
  height: 100%;
  border-radius: 100%;
  background-color: #080666;
  background-image: url("../Media-ver1.1/icons/attachement.svg");
  background-position-x: 95%;
  background-position-y: center;
  background-repeat: no-repeat;
  position: relative;
  background-size: 3.5vw;
}
.activities-main .calendar {
  grid-row: 1/-1;
  grid-column: -4/-1;
  background-color: #080666;
  display: flex;
  margin-top: 10vw;
  padding: 2vw 0vw;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.activities-main .calendar .calendararrow {
  flex-direction: row;
  display: flex;
  width: fit-content;
  height: fit-content;
  position: relative;
  margin-bottom: -5vw;
  top: -7.5vw;
  left: -26vw;
}
.activities-main .calendar .calendararrow img {
  width: 10vw;
  height: 7vw;
  object-fit: cover;
}
.activities-main .calendar .calendararrow p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  font-size: 3vw;
  color: #080666;
}
.activities-main .calendar li {
  font-size: 2.7vw;
  font-weight: 600;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: white;
  text-align: center;
  user-select: none;
}
@keyframes Attachementhover {
  from {
    left: 0vw;
  }
  to {
    left: 17.5vw;
  }
}
.mobilities-main {
  width: 100%;
  height: fit-content;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: center;
}
.mobilities-main .picker {
  margin-top: 25vw;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.mobilities-main .picker .picker-italy {
  width: 100vw;
  height: 50vw;
  margin: 2vw 0vw;
  background-image: url("../Media-ver1.1/italyflag.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 1em;
  animation-name: Inforeveal;
  animation-duration: 1s;
  cursor: pointer;
}
.mobilities-main .picker .picker-germany {
  width: 100vw;
  height: 50vw;
  margin: 2vw 0vw;
  background-image: url("../Media-ver1.1/germanyflag.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 1em;
  animation-name: Inforeveal;
  animation-duration: 1s;
  cursor: pointer;
}
.mobilities-main .picker .picker-portugal {
  width: 100vw;
  height: 50vw;
  margin: 2vw 0vw;
  background-image: url("../Media-ver1.1/portugalflag.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 1em;
  animation-name: Inforeveal;
  animation-duration: 1s;
  cursor: pointer;
}
.mobilities-main .italytrip {
  width: 100%;
  box-sizing: border-box;
  height: fit-content;
}
.mobilities-main .italytrip .location {
  width: 100%;
  height: 50vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .italytrip .location .location-image {
  grid-row: 4/8;
  grid-column: 1/-1;
  padding: 1vw 2vw;
  background-clip: content-box;
  background-image: url("../Media-ver1.1/EuroformRFS logo.png");
  background-position: center;
  background-size: 80% 100%;
  background-repeat: no-repeat;
  position: relative;
  animation-name: Bannerreveal;
  animation-duration: 1s;
}
.mobilities-main .italytrip .location h1 {
  grid-row: 11/12;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 7vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .italytrip .location h2 {
  grid-row: 12/13;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 5vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .italytrip .location .location-studentssubject {
  grid-row: 1/4;
  grid-column: 1/-1;
  display: flex;
  justify-self: center;
  align-self: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  padding: 0vw 0.5vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .italytrip .location .location-teacherssubject {
  grid-row: 8/11;
  grid-column: 1/-1;
  justify-self: center;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  padding: 0vw 0.5vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .italytrip .people {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-rows: repeat(16, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .italytrip .people .people-banner {
  grid-row: 1/7;
  grid-column: 4/-4;
  padding-top: 1vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .italytrip .people .people-banner img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 1em;
}
.mobilities-main .italytrip .people .people-teachertitle {
  grid-row: 7/9;
  grid-column: 1/6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 2.5vw;
  color: #080666;
}
.mobilities-main .italytrip .people .people-studenttitle {
  grid-row: 7/9;
  grid-column: 7/13;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 2.5vw;
  color: #080666;
}
.mobilities-main .italytrip .people .people-teacher1 {
  grid-row: 13/17;
  grid-column: 1/4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .italytrip .people .people-teacher1 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .italytrip .people .people-teacher1 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .italytrip .people .people-teacher1 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .italytrip .people .people-teacher2 {
  grid-row: 9/13;
  grid-column: 2/5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .italytrip .people .people-teacher2 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .italytrip .people .people-teacher2 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .italytrip .people .people-teacher2 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .italytrip .people .people-teacher3 {
  grid-row: 13/17;
  grid-column: 3/6;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .italytrip .people .people-teacher3 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .italytrip .people .people-teacher3 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .italytrip .people .people-teacher3 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .italytrip .people .people-studentroller {
  grid-row: 9/-1;
  grid-column: 7/-1;
  margin: 1vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
}
.mobilities-main .italytrip .people .people-studentroller::-webkit-scrollbar {
  display: none;
}
.mobilities-main .italytrip .people .people-studentroller .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.mobilities-main .italytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement {
  width: 100%/3;
  min-width: 100%/3;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .italytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
}
.mobilities-main .italytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement img {
  width: 80%;
  height: 70%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .italytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .italytrip .gallery {
  width: 100%;
  height: 70vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .italytrip .gallery h2 {
  grid-row: 1/2;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 3vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mobilities-main .italytrip .gallery .gallery-roller {
  grid-row: 2/-1;
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  margin: 1vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mobilities-main .italytrip .gallery .gallery-roller::-webkit-scrollbar {
  display: none;
}
.mobilities-main .italytrip .gallery .gallery-roller .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.mobilities-main .italytrip .gallery .gallery-roller .gimmik .gallery-roller-rollerelement {
  width: 50%;
  min-width: 50%;
  height: 100%;
  padding: 0 2vw;
}
.mobilities-main .italytrip .gallery .gallery-roller .gimmik .gallery-roller-rollerelement img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 2em;
}
.mobilities-main .germanytrip {
  width: 100%;
  box-sizing: border-box;
  height: fit-content;
}
.mobilities-main .germanytrip .location {
  width: 100%;
  height: 50vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .germanytrip .location .location-image {
  grid-row: 4/8;
  grid-column: 1/-1;
  padding: 1vw 2vw;
  background-clip: content-box;
  background-image: url("../Media-ver1.1/wisamarlogo.png");
  background-position: center;
  background-size: 80% 100%;
  background-repeat: no-repeat;
  position: relative;
  animation-name: Bannerreveal;
  animation-duration: 1s;
}
.mobilities-main .germanytrip .location h1 {
  grid-row: 11/12;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 7vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .germanytrip .location h2 {
  grid-row: 12/13;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 5vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .germanytrip .location .location-studentssubject {
  grid-row: 1/4;
  grid-column: 1/-1;
  display: flex;
  justify-self: center;
  align-self: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  padding: 0vw 0.5vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .germanytrip .location .location-teacherssubject {
  grid-row: 8/11;
  grid-column: 1/-1;
  justify-self: center;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  padding: 0vw 0.5vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .germanytrip .people {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-rows: repeat(16, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .germanytrip .people .people-banner {
  grid-row: 1/7;
  grid-column: 4/-4;
  padding-top: 1vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .germanytrip .people .people-banner img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 1em;
}
.mobilities-main .germanytrip .people .people-teachertitle {
  grid-row: 7/9;
  grid-column: 1/6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 2.5vw;
  color: #080666;
}
.mobilities-main .germanytrip .people .people-studenttitle {
  grid-row: 7/9;
  grid-column: 7/13;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 2.5vw;
  color: #080666;
}
.mobilities-main .germanytrip .people .people-teacher1 {
  grid-row: 13/17;
  grid-column: 1/4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .germanytrip .people .people-teacher1 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .germanytrip .people .people-teacher1 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .germanytrip .people .people-teacher1 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .germanytrip .people .people-teacher2 {
  grid-row: 9/13;
  grid-column: 2/5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .germanytrip .people .people-teacher2 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .germanytrip .people .people-teacher2 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .germanytrip .people .people-teacher2 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .germanytrip .people .people-teacher3 {
  grid-row: 13/17;
  grid-column: 3/6;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .germanytrip .people .people-teacher3 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .germanytrip .people .people-teacher3 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .germanytrip .people .people-teacher3 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .germanytrip .people .people-studentroller {
  grid-row: 9/-1;
  grid-column: 7/-1;
  margin: 1vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
}
.mobilities-main .germanytrip .people .people-studentroller::-webkit-scrollbar {
  display: none;
}
.mobilities-main .germanytrip .people .people-studentroller .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.mobilities-main .germanytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement {
  width: 100%/3;
  min-width: 100%/3;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .germanytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
}
.mobilities-main .germanytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement img {
  width: 80%;
  height: 70%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .germanytrip .people .people-studentroller .gimmik .people-studentroller-rollerelement p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .germanytrip .gallery {
  width: 100%;
  height: 70vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .germanytrip .gallery h2 {
  grid-row: 1/2;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 3vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mobilities-main .germanytrip .gallery .gallery-roller {
  grid-row: 2/-1;
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  margin: 1vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mobilities-main .germanytrip .gallery .gallery-roller::-webkit-scrollbar {
  display: none;
}
.mobilities-main .germanytrip .gallery .gallery-roller .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.mobilities-main .germanytrip .gallery .gallery-roller .gimmik .gallery-roller-rollerelement {
  width: 50%;
  min-width: 50%;
  height: 100%;
  padding: 0 2vw;
}
.mobilities-main .germanytrip .gallery .gallery-roller .gimmik .gallery-roller-rollerelement img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 2em;
}
.mobilities-main .portugaltrip {
  width: 100%;
  box-sizing: border-box;
  height: fit-content;
}
.mobilities-main .portugaltrip .location {
  width: 100%;
  height: 50vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .portugaltrip .location .location-image {
  grid-row: 4/8;
  grid-column: 1/-1;
  padding: 1vw 2vw;
  background-clip: content-box;
  background-image: url("../Media-ver1.1/aplicapostalogo.png");
  background-position: center;
  background-size: 80% 100%;
  background-repeat: no-repeat;
  position: relative;
  animation-name: Bannerreveal;
  animation-duration: 1s;
}
.mobilities-main .portugaltrip .location h1 {
  grid-row: 11/12;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 7vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .portugaltrip .location h2 {
  grid-row: 12/13;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 5vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .portugaltrip .location .location-studentssubject {
  grid-row: 1/4;
  grid-column: 1/-1;
  display: flex;
  justify-self: center;
  align-self: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  padding: 0vw 0.5vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .portugaltrip .location .location-teacherssubject {
  grid-row: 8/11;
  grid-column: 1/-1;
  justify-self: center;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: black;
  padding: 0vw 0.5vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .portugaltrip .people {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-rows: repeat(16, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .portugaltrip .people .people-banner {
  grid-row: 1/7;
  grid-column: 4/-4;
  padding-top: 1vw;
  animation-name: Inforeveal;
  animation-duration: 1s;
}
.mobilities-main .portugaltrip .people .people-banner img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 1em;
}
.mobilities-main .portugaltrip .people .people-teachertitle {
  grid-row: 7/9;
  grid-column: 1/6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 2.5vw;
  color: #080666;
}
.mobilities-main .portugaltrip .people .people-studenttitle {
  grid-row: 7/9;
  grid-column: 7/13;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 2.5vw;
  color: #080666;
}
.mobilities-main .portugaltrip .people .people-teacher1 {
  grid-row: 13/17;
  grid-column: 1/4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .portugaltrip .people .people-teacher1 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .portugaltrip .people .people-teacher1 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .portugaltrip .people .people-teacher1 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .portugaltrip .people .people-teacher2 {
  grid-row: 9/13;
  grid-column: 2/5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .portugaltrip .people .people-teacher2 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .portugaltrip .people .people-teacher2 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .portugaltrip .people .people-teacher2 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .portugaltrip .people .people-teacher3 {
  grid-row: 13/17;
  grid-column: 3/6;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .portugaltrip .people .people-teacher3 picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobilities-main .portugaltrip .people .people-teacher3 img {
  width: 60%;
  height: 100%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .portugaltrip .people .people-teacher3 p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .portugaltrip .people .people-studentroller {
  grid-row: 9/-1;
  grid-column: 7/-1;
  margin: 1vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
}
.mobilities-main .portugaltrip .people .people-studentroller::-webkit-scrollbar {
  display: none;
}
.mobilities-main .portugaltrip .people .people-studentroller .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.mobilities-main .portugaltrip .people .people-studentroller .gimmik .people-studentroller-rollerelement {
  width: 100%/3;
  min-width: 100%/3;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobilities-main .portugaltrip .people .people-studentroller .gimmik .people-studentroller-rollerelement picture {
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
}
.mobilities-main .portugaltrip .people .people-studentroller .gimmik .people-studentroller-rollerelement img {
  width: 80%;
  height: 70%;
  object-fit: fill;
  border-radius: 100%;
}
.mobilities-main .portugaltrip .people .people-studentroller .gimmik .people-studentroller-rollerelement p {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
  color: black;
}
.mobilities-main .portugaltrip .gallery {
  width: 100%;
  height: 70vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.mobilities-main .portugaltrip .gallery h2 {
  grid-row: 1/2;
  grid-column: 1/-1;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 3vw;
  color: #080666;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mobilities-main .portugaltrip .gallery .gallery-roller {
  grid-row: 2/-1;
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  margin: 1vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mobilities-main .portugaltrip .gallery .gallery-roller::-webkit-scrollbar {
  display: none;
}
.mobilities-main .portugaltrip .gallery .gallery-roller .gimmik {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.mobilities-main .portugaltrip .gallery .gallery-roller .gimmik .gallery-roller-rollerelement {
  width: 50%;
  min-width: 50%;
  height: 100%;
  padding: 0 2vw;
}
.mobilities-main .portugaltrip .gallery .gallery-roller .gimmik .gallery-roller-rollerelement img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 2em;
}
@keyframes Bannerreveal {
  from {
    top: -45vw;
    opacity: 0%;
  }
  to {
    top: 0vw;
    opacity: 100%;
  }
}
@keyframes Inforeveal {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
.disemination-main {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  box-sizing: border-box;
}
.disemination-main .roller {
  grid-row: 1/-1;
  grid-column: 1/9;
  margin-left: 3vw;
  margin-top: 25vw;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  padding: 0vw 2vw;
  box-shadow: 0 0 2vw 0.5vw rgba(0, 0, 0, 0.2);
  padding-top: 10vw;
}
.disemination-main .roller .links {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.disemination-main .roller .links::-webkit-scrollbar {
  display: none;
}
.disemination-main .roller .links li {
  font-size: 4vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  list-style: disc;
  list-style-position: inside;
  margin-top: 3vw;
}
.disemination-main .roller .links li:nth-of-type(1) {
  margin-top: 0vw;
}
.disemination-main h1 {
  grid-row: 1/2;
  grid-column: 1/9;
  margin-top: 25vw;
  color: #080666;
  font-size: 6vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.disemination-main .calendar {
  grid-row: 1/-1;
  grid-column: -4/-1;
  background-color: #080666;
  display: flex;
  margin-top: 10vw;
  padding: 2vw 0vw;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.disemination-main .calendar .calendararrow {
  flex-direction: row;
  display: flex;
  width: fit-content;
  height: fit-content;
  position: relative;
  margin-bottom: -5vw;
  top: -7.5vw;
  left: -26vw;
}
.disemination-main .calendar .calendararrow img {
  width: 10vw;
  height: 7vw;
  object-fit: cover;
}
.disemination-main .calendar .calendararrow p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  font-size: 3vw;
  color: #080666;
}
.disemination-main .calendar li {
  font-size: 2.7vw;
  font-weight: 600;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: white;
  text-align: center;
  user-select: none;
}
@keyframes Attachementhover {
  from {
    left: 0vw;
  }
  to {
    left: 17.5vw;
  }
}
.results_italy {
  width: 100%;
  height: fit-content;
  border-radius: 1em;
  padding-bottom: 2vw;
  margin-bottom: 10vh;
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20vw auto;
}
.results_italy-icon {
  position: absolute;
  width: 40vw;
  height: 40vw;
  left: -20vw;
  top: -20vw;
  border-radius: 100%;
  background-image: url("../Media-ver1.1/italyflag-min.jpg");
  background-position-x: 75%;
  background-position-y: 75%;
  background-size: 10vw;
  background-repeat: no-repeat;
  border-style: double;
  border-color: #080666;
  border-width: 0.5vw;
  background-color: white;
}
.results_italy h1 {
  grid-row: 1/2;
  grid-column: 4/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #080666;
}
.results_italy-data {
  grid-row: 2/-1;
  grid-column: 1/-1;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding: 0vw 2vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
}
.results_italy-data h2 {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 3vw;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 1vw;
  margin-top: 3vw;
  color: #080666;
}
.results_italy-data h2:nth-of-type(1) {
  margin-top: 0vw;
}
.results_italy-data p {
  width: 100%;
  font-size: 2.4vw;
  text-align: justify;
  margin-bottom: 0.5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.results_italy-data ol {
  width: 100%;
  padding-left: 3vw;
  box-sizing: border-box;
  max-height: 35vh;
  margin: 2vw 0vw;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.results_italy-data ol li {
  width: 100%;
  margin: 0.5vw 0vw;
  font-size: 2.4vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  list-style-type: disc;
}
.results_italy-data .sublist {
  padding-left: 5vw;
  margin: 0vw;
}
.results_italy-data .indentparagraph {
  text-indent: 3vw;
}
.results_germany {
  width: 100%;
  height: fit-content;
  border-radius: 1em;
  padding-bottom: 2vw;
  margin-bottom: 10vh;
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20vw auto;
}
.results_germany-icon {
  position: absolute;
  width: 40vw;
  height: 40vw;
  left: -20vw;
  top: -20vw;
  border-radius: 100%;
  background-image: url("../Media-ver1.1/germanyflag-min.jpg");
  background-position-x: 75%;
  background-position-y: 75%;
  background-size: 10vw;
  background-repeat: no-repeat;
  border-style: double;
  border-color: #080666;
  border-width: 0.5vw;
  background-color: white;
}
.results_germany h1 {
  grid-row: 1/2;
  grid-column: 4/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #080666;
}
.results_germany-data {
  grid-row: 2/-1;
  grid-column: 1/-1;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding: 0vw 2vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
}
.results_germany-data h2 {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 3vw;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 1vw;
  margin-top: 3vw;
  color: #080666;
}
.results_germany-data h2:nth-of-type(1) {
  margin-top: 0vw;
}
.results_germany-data p {
  width: 100%;
  font-size: 2.4vw;
  text-align: justify;
  margin-bottom: 0.5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.results_germany-data ol {
  width: 100%;
  padding-left: 3vw;
  box-sizing: border-box;
  max-height: 35vh;
  margin: 2vw 0vw;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.results_germany-data ol li {
  width: 100%;
  margin: 0.5vw 0vw;
  font-size: 2.4vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  list-style-type: disc;
}
.results_germany-data .sublist {
  padding-left: 5vw;
  margin: 0vw;
}
.results_germany-data .indentparagraph {
  text-indent: 3vw;
}
.results_portugal {
  width: 100%;
  height: fit-content;
  border-radius: 1em;
  padding-bottom: 2vw;
  margin-bottom: 10vh;
  position: relative;
  background-color: #f2f2f2;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 20vw auto;
}
.results_portugal-icon {
  position: absolute;
  width: 40vw;
  height: 40vw;
  left: -20vw;
  top: -20vw;
  border-radius: 100%;
  background-image: url("../Media-ver1.1/portugalflag-min.jpg");
  background-position-x: 75%;
  background-position-y: 75%;
  background-size: 10vw;
  background-repeat: no-repeat;
  border-style: double;
  border-color: #080666;
  border-width: 0.5vw;
  background-color: white;
}
.results_portugal h1 {
  grid-row: 1/2;
  grid-column: 4/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #080666;
}
.results_portugal-data {
  grid-row: 2/-1;
  grid-column: 1/-1;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding: 0vw 2vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
}
.results_portugal-data h2 {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 3vw;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 1vw;
  margin-top: 3vw;
  color: #080666;
}
.results_portugal-data h2:nth-of-type(1) {
  margin-top: 0vw;
}
.results_portugal-data p {
  width: 100%;
  font-size: 2.4vw;
  text-align: justify;
  margin-bottom: 0.5vw;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.results_portugal-data ol {
  width: 100%;
  padding-left: 3vw;
  box-sizing: border-box;
  max-height: 35vh;
  margin: 2vw 0vw;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
.results_portugal-data ol li {
  width: 100%;
  margin: 0.5vw 0vw;
  font-size: 2.4vw;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  list-style-type: disc;
}
.results_portugal-data .sublist {
  padding-left: 5vw;
  margin: 0vw;
}
.results_portugal-data .indentparagraph {
  text-indent: 3vw;
}
.results-image {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.results-image picture {
  width: 75%;
  margin: auto;
  padding-bottom: 2vh;
  max-height: 40vh;
  height: 80%;
  display: flex;
}
.results-image picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 2em;
}
.results-image p {
  margin: auto;
  width: fit-content;
}
.results-pdf {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.results-pdf a {
  width: fit-content;
  align-self: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2vw;
}
.results-pdf div {
  width: 4vw;
  height: 4vh;
  background-image: url("../Media-ver1.1/icons/pdf.svg");
  background-size: 3vw 3vh;
  background-repeat: no-repeat;
  background-position: center;
}
@font-face {
  font-family: SiteBanner;
  src: url("../Fonts-ver1.1/SiteBanner.ttf");
}
html,
body {
  width: 100%;
  min-height: 100vh;
  height: fit-content;
  position: static;
  overflow-x: hidden;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
  outline-color: #080666;
  border-color: #080666;
}
a:-webkit-any-link,
a:any-link,
*:any-link {
  color: inherit;
  text-decoration: none;
}
header {
  position: fixed;
  width: 50vw;
  height: 50vw;
  left: -25vw;
  top: -25vw;
  box-sizing: border-box;
  background-color: #080666;
  border-radius: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  z-index: 100;
}
header .navbar-effectunder {
  grid-row: 1/-1;
  grid-column: 1/-1;
  width: 50vw;
  height: 50vw;
  background-color: rgba(8, 6, 102, 0.4);
  border-radius: 100%;
}
header .navbar-container {
  grid-row: 1/-1;
  grid-column: 1/-1;
  pointer-events: none;
  width: 50vw;
  height: 50vw;
  background-color: rgba(8, 6, 102, 0.6);
  border-radius: 100%;
  z-index: 1;
}
header .navbar-container nav {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  opacity: 0%;
}
header .navbar-container nav ol {
  width: 0%;
  height: 0%;
  top: 0vw;
  left: 0vw;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 20vh 0vw;
  box-sizing: border-box;
  z-index: 1;
}
header .navbar-container nav ol li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 7.5vw;
  font-weight: 700;
  color: white;
  z-index: 1;
}
header .navbar-mask {
  visibility: hidden;
  grid-row: 1/-1;
  grid-column: 1/-1;
  background-color: #080666;
  position: relative;
  z-index: 98;
  border-radius: 100%;
  pointer-events: none;
}
header .navbar-button {
  width: 16vw;
  height: 16vw;
  left: 3vw;
  top: 2vw;
  z-index: 99;
  position: fixed;
  background-image: url("../Media-ver1.1/unirealogo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
header .announcements {
  position: fixed;
  left: 20vw;
  top: 0vw;
  width: 100%;
  height: 10vw;
  border-radius: 10em;
  background-color: rgba(8, 6, 102, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
header .announcements::-webkit-scrollbar {
  display: none;
}
header .announcements .gimmik {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: row;
  margin-left: 6vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
header .announcements .gimmik::-webkit-scrollbar {
  display: none;
}
header .announcements .gimmik a,
header .announcements .gimmik p {
  white-space: nowrap;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  margin-right: 2vw;
}
header .navbar-social {
  visibility: hidden;
  width: 60vw;
  height: 60vw;
  margin-left: -1vw;
  margin-top: -1vw;
  grid-row: 1/-1;
  grid-column: 1/-1;
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-template-columns: repeat(10, 1fr);
  border-radius: 100%;
}
header .navbar-social .navbar-social-container {
  grid-row: 5/7;
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
header .navbar-social .navbar-social-container:nth-of-type(1) {
  transform: rotate(26deg);
}
header .navbar-social .navbar-social-container:nth-of-type(2) {
  transform: rotate(51deg);
}
header .navbar-social .navbar-social-container .navbar-social-container-subcontainer {
  width: 10vw;
  height: 10vw;
  border-radius: 100%;
  background-color: rgba(8, 6, 102, 0.5);
  box-sizing: border-box;
  margin-right: 0vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .navbar-social .navbar-social-container .navbar-social-container-subcontainer img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
.closed-header .navbar-effectunder {
  animation-name: Animation1;
  animation-duration: 1s;
}
.closed-header .navbar-container {
  animation-name: Animation3;
  animation-duration: 2s;
}
.closed-header .navbar-container nav {
  animation-name: Animation5;
  animation-duration: 0.5s;
}
.closed-header .navbar-container nav ol {
  width: 0%;
  height: 0%;
  opacity: 0%;
}
.open-header .navbar-effectunder {
  animation-name: Animation2;
  animation-duration: 1s;
  width: 400vw;
  height: 400vw;
  margin-left: -125vw;
  margin-top: -125vw;
}
.open-header .navbar-container {
  animation-name: Animation4;
  animation-duration: 2s;
  width: 390vw;
  height: 390vw;
  margin-left: -120vw;
  margin-top: -120vw;
  pointer-events: all;
}
.open-header .navbar-container nav {
  animation-name: Animation6;
  animation-duration: 0.5s;
  opacity: 100%;
}
.open-header .navbar-container nav ol {
  width: 100%;
  height: 100%;
  opacity: 100%;
}
.index-main {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  background-image: url("../Media-ver1.1/backgroundmain.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  grid-template-rows: repeat(13, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
.index-main .projecttitle {
  grid-row: 4/5;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1vw;
}
.index-main .projecttitle h1 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  font-family: SiteBanner;
  color: white;
  font-size: 6vw;
  font-weight: 600;
  background: linear-gradient(153deg, #ffffff 0%, #ffffff 2%, #080666 20%, #ffffff 45%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 150% 100%;
  animation-name: SiteBannerAnimation;
  animation-delay: 1s;
  animation-duration: 8s;
  animation-fill-mode: both;
}
.index-main .projecttitle h2 {
  display: flex;
  margin-top: 1vw;
  justify-content: center;
  align-items: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: white;
  font-size: 4vw;
  animation-name: Animation7;
  animation-duration: 1s;
}
.index-main .projecttitle p {
  display: flex;
  margin-top: 0.5vw;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 3.5vw;
}
.index-main .flag-italy {
  grid-row: 5/6;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-italy img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-italy p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-germany {
  grid-row: 6/7;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-germany img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-germany p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-portugal {
  grid-row: 7/8;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-portugal img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-portugal p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-description {
  grid-row: 8/9;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-description img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-description p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-description img {
  padding: 0.2vw;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 0%;
}
.index-main .flag-objective {
  grid-row: 9/10;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-objective img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-objective p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-objective img {
  padding: 0.2vw;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 0%;
}
.index-main .flag-parteners {
  grid-row: 10/11;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-parteners img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-parteners p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-parteners img {
  padding: 0.2vw;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 0%;
}
.index-main .flag-disemination {
  grid-row: 11/12;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-disemination img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-disemination p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-disemination img {
  padding: 0.2vw;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 0%;
}
.index-main .flag-activities {
  grid-row: 12/13;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-activities img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-activities p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-activities img {
  padding: 0.2vw;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 0%;
}
.index-main .flag-results {
  grid-row: 13/14;
  grid-column: 4/10;
  background-color: transparent;
  border-radius: 4em;
  display: flex;
  padding-left: 1vw;
  box-sizing: border-box;
  align-items: center;
  background-color: #1814f1;
  opacity: 60%;
  border: 0.1vw solid #1814f1;
  height: 80%;
}
.index-main .flag-results img {
  width: 25%;
  height: 75%;
  border-radius: 100%;
  object-fit: cover;
}
.index-main .flag-results p {
  width: 75%;
  height: 100%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 3vw;
  color: white;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.index-main .flag-results img {
  padding: 0.2vw;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 0%;
}
footer {
  width: 100%;
  height: 70vw;
  background-color: #080666;
  display: grid;
  grid-template-rows: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
}
footer .footerlogo {
  grid-column: 1/7;
  grid-row: 8/12;
  padding: 1vw;
}
footer .footerlogo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
footer .footernavigation {
  grid-row: 1/8;
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
}
footer .footernavigation ol {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  height: 100%/3;
  padding-top: 1vw;
}
footer .footernavigation ol li {
  font-size: 2.5vw;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #080666;
  margin-bottom: 1vw;
  color: white;
}
footer .footernavigation ol li:nth-of-type(1) {
  font-size: 3.5vw;
  font-weight: 600;
}
footer .footer-social-facebook {
  width: 10vw;
  height: 10vw;
  border-radius: 100%;
  background-color: white;
  box-sizing: border-box;
  margin-right: 0vw;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  align-self: center;
  grid-row: 9/11;
  grid-column: 8/10;
}
footer .footer-social-facebook img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
footer .footer-social-instagram {
  width: 10vw;
  height: 10vw;
  border-radius: 100%;
  background-color: white;
  box-sizing: border-box;
  margin-right: 0vw;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  align-self: center;
  grid-row: 9/11;
  grid-column: 10/12;
}
footer .footer-social-instagram img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
footer small {
  border-top: 0.1vw solid white;
  grid-row: -2/-1;
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Courier New', Courier, monospace;
  font-size: 2vw;
  color: white;
}
.notshown {
  display: none!important;
}
@keyframes Animation1 {
  from {
    width: 400vw;
    height: 400vw;
    margin-left: -125vw;
    margin-top: -125vw;
  }
  to {
    width: 50vw;
    height: 50vw;
    margin-left: 0vw;
    margin-top: 0vw;
  }
}
@keyframes Animation2 {
  from {
    width: 50vw;
    height: 50vw;
    margin-left: 0vw;
    margin-top: 0vw;
  }
  to {
    width: 400vw;
    height: 400vw;
    margin-top: -125vw;
    margin-left: -125vw;
  }
}
@keyframes Animation3 {
  from {
    width: 390vw;
    height: 390vw;
    margin-left: -120vw;
    margin-top: -120vw;
  }
  to {
    width: 50vw;
    height: 50vw;
    margin-left: 0vw;
    margin-top: 0vw;
  }
}
@keyframes Animation4 {
  from {
    width: 50vw;
    height: 50vw;
    margin-left: 0vw;
    margin-top: 0vw;
  }
  to {
    width: 390vw;
    height: 390vw;
    margin-top: -120vw;
    margin-left: -120vw;
  }
}
@keyframes Animation5 {
  from {
    opacity: 100%;
  }
  to {
    opacity: 0%;
  }
}
@keyframes Animation6 {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes Animation7 {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes Animation8 {
  from {
    width: 4vw;
    margin-left: 0vw;
  }
  to {
    width: 12vw;
    margin-left: 8vw;
  }
}
@keyframes Animation9 {
  from {
    width: 12vw;
    margin-left: 8vw;
  }
  to {
    width: 4vw;
    margin-left: 0vw;
  }
}
@keyframes Animation10 {
  from {
    opacity: 100%;
  }
  to {
    opacity: 0%;
  }
}
@keyframes Animation11 {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes Socialhover {
  from {
    background-color: #404040;
  }
  to {
    background-color: #080666;
  }
}
@keyframes Socialrelease {
  from {
    background-color: #080666;
  }
  to {
    background-color: #404040;
  }
}
@keyframes SiteBannerAnimation {
  0% {
    background-position-x: 100%;
    color: rgba(199, 177, 12, 0);
  }
  50% {
    background-position-x: -50%;
    color: rgba(199, 177, 12, 0);
  }
  100% {
    color: #c7b10c;
    background-position-x: -200%;
  }
}
@keyframes SiteBannerLetterAnimation {
  from {
    color: rgba(255, 255, 255, 0);
  }
  to {
    color: #f7e775;
  }
}