.principle-content {
    font-size: 1.125em;
    font-family: Onest;
    font-weight: 200;
    font-style: normal;
    color: #F4FCFF;
    line-height: 1.3em;
}

.priority-content {
    margin: 1.1666666666666667em 0 0 11.7216117%;
}

.principle-img {
    height: calc((((100vw - 1366px) / (2560 - 1366)) * (85.333333 - 45.533333)) + 45.533333px);
}

.priority-background {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 5;
    grid-column-end: 9;
    margin: 19.0449438% 18.8764045% 0;
    justify-content: center;
    padding: 11.3494382% 6.06741573% 14.6207865% 10.2808989%;
}

.production-content {
    margin: 1.1666666666666667em 0 0 9.16905444%;
}

.production-background {
    grid-column-start: 8;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 4;
    margin: 0 12.7275281% 0 11.5730337%;
    justify-content: center;
    padding: 8.26306914% 7.44101124% 9.57134831% 9.43820225%;
}

.education-content {
    margin: 1.16em 0 0 8.95505618%;
}

.education-background {
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 5;
    margin: 44.6629213% 11.9101124% 0 8.53932584%;
    justify-content: center;
    padding: 11.03766404% 3.45% 16.9601124% 12.0758427%;
}

.structure-content {
    margin: 1.3125em 0 0 11.8518519%;
}

.structure-background {
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row: 5;
    margin: 11.2931818% 0 41.25%;
    justify-content: center;
    padding: 13.4090909% 18.2741117% 21.4772727%;
}

.competence-content {
  margin: 1.1944444444444444em 0 0 8.43373494%;
}

.competence-background {
  grid-column-start: 7;
  grid-column-end: 11;
  grid-row: 5;
  margin: 5.36460674% 8.70786517% 20.0561798% 8.76404494%;
  justify-content: center;
  padding: 10.0280899% 9.43820225% 13.3146067% 12.4719101%;
}

.principles-section-title {
	grid-row: 3;
	grid-column-start: 5;
	grid-column-end: 9;
    font-size: 3.5em;
    font-family: AvrileSans-Condensed;
    font-weight: 500;
    font-style: normal;
    line-height: 1em;
    color: #0095DA;
	justify-self: center;
	align-self: flex-end;
	margin-bottom: 6.26460674%;
}

.principles-section-container {
    grid-template-rows: 24.7421488% 10.0578512% 19.0157025% 0.236363636% 46.2669421%;
    background-image: url('../images/principles-background.png');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
    height: 75.625em;
    margin-top: 3.125em;
    column-gap: 1.0989011%;
    border-radius: 1.5625em;
}

@media (min-width: 2400px) {
    .priority-background {
        margin-top: 0;
    }

    .education-background {
        margin-top: 30%;
    }
}

@media (min-width: 2200px) and (max-width: ) {
    .priority-background {
        margin-top: 9%;
    }

    .education-background {
        padding-top: 0;
    }
}

@media (max-width: 1850px) {
    .production-background {
        padding: 12.26306914% 0 9.57134831% 9.43820225%;
    }

    .education-background {
        padding: 11.03766404% 3.45% 16.9601124% 0;
    }
}

@media (max-width: 1700px) {
    .production-background {
        margin: 0 0 0 11.5730337%;
        padding: 14.03766404% 0 9.57134831% 14.43820225%;
    }

    .education-background {
        grid-column-start: 1;
        margin: 44.6629213% 11.9101124% 0 8.53932584%;
        padding: 9.03766404% 3.45% 16.9601124% 8%;
    }

    .structure-background {
        padding: 13.4090909% 18.2741117% 21.4772727% 9%;
    }
}

@media (max-width: 1550px) {
    .production-background {
        grid-column-end: 13;
        margin: 0 0 0 11.5730337%;
        padding: 11.03766404% 10.44101124% 9.57134831% 14.43820225%;
    }

    .education-background {
        margin: 44.6629213% 11.9101124% 0 0;
        padding: 11.03766404% 8% 8.9601124% 8%;
    }

    .structure-background {
        grid-column-start: 3;
        margin: 11.2931818% 0 41.25%;
        padding: 13.4090909% 10.2741117% 21.4772727% 15%;
    }

    .competence-background {
      grid-column-end: 12;
      margin: 5.36460674% 8.70786517% 20.0561798% 8.76404494%;
      padding: 10.0280899% 9.43820225% 13.3146067% 12.4719101%;
    }
}

@media (max-width: 1400px) {
    .production-background {
        padding: 11.03766404% 0 9.57134831% 22.43820225%;
    }

    .education-background {
        padding: 22.03766404% 12% 8.9601124% 4%;
    }
}

@media (max-width: 1024px) {
    .principle-content {
        line-height: 1.2em;
    }

    .priority-content {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 3;
        margin: 0.0625em 3.095975232198142% 0 0;
    }

    .principle-img {
        grid-row: 1;
        grid-column: 2;
        height: 9.6875em;
        align-self: flex-end;
    }

    .priority-background {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-row: 2;
        grid-column-start: 1;
        grid-column-end: 13;
        margin: 0;
        padding: 1.875em 1.457725947521866% 2em 4.373177842565598%;
        background: linear-gradient(251.91deg, rgba(0, 149, 218, 0.2) -0.8%, rgba(0, 149, 218, 0.6) 100%),
                    linear-gradient(142.43deg, rgba(111, 115, 203, 0.2) 21.74%, rgba(111, 115, 203, 0.6) 86.25%),
                    #F4FCFF;
                    backdrop-filter: blur(15px);
                    -webkit-backdrop-filter: blur(15px);
        border-radius: 1.5625em;
    }

    .production-content {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 3;
        margin: 0.0625em 3.095975232198142% 0 0;
    }

    .production-background {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-row: 4;
        grid-column-start: 1;
        grid-column-end: 13;
        margin: 0;
        padding: 1.875em 1.457725947521866% 2em 4.373177842565598%;
        background: linear-gradient(192.21deg, rgba(0, 149, 218, 0.2) 8.89%, rgba(0, 149, 218, 0.6) 87.42%),
                    linear-gradient(142.43deg, rgba(111, 115, 203, 0.2) 21.74%, rgba(111, 115, 203, 0.6) 86.25%),
                    #F4FCFF;
                    backdrop-filter: blur(15px);
                    -webkit-backdrop-filter: blur(15px);
        border-radius: 1.5625em;
        
    }

    .education-content {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 3;
        margin: 0.0625em 3.095975232198142% 0 0;
    }

    .education-background {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-row: 5;
        grid-column-start: 1;
        grid-column-end: 13;
        margin: 0;
        padding: 1.875em 1.457725947521866% 2em 4.373177842565598%;
        background: linear-gradient(191.24deg, rgba(0, 149, 218, 0.2) 4.96%, rgba(0, 149, 218, 0.6) 84.68%),
                    linear-gradient(193.94deg, rgba(111, 115, 203, 0.2) 3.02%, rgba(111, 115, 203, 0.6) 97.41%),
                    #F4FCFF;
                    backdrop-filter: blur(15px);
                    -webkit-backdrop-filter: blur(15px);
        border-radius: 1.5625em;
        
    }

    .structure-content {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 3;
        margin: 0.0625em 3.095975232198142% 0 0;
    }

    .structure-background {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-row: 3;
        grid-column-start: 1;
        grid-column-end: 13;
        margin: 0;
        padding: 1.875em 1.457725947521866% 2em 4.373177842565598%;
        background: linear-gradient(254.54deg, rgba(0, 149, 218, 0.1) 19.53%, rgba(0, 149, 218, 0.6) 87.03%),
                    linear-gradient(127.04deg, rgba(111, 115, 203, 0.1) 13.92%, rgba(111, 115, 203, 0.6) 85.13%);
                    backdrop-filter: blur(15px);
                    -webkit-backdrop-filter: blur(15px);
        border-radius: 1.5625em;
        
    }

    .competence-content {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 3;
        margin: 0.0625em 3.095975232198142% 0 0;
    }

    .competence-background {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-row: 6;
        grid-column-start: 1;
        grid-column-end: 13;
        margin: 0;
        padding: 1.875em 1.457725947521866% 2em 4.373177842565598%;
        background: linear-gradient(230.79deg, rgba(0, 149, 218, 0.2) 13.43%, rgba(0, 149, 218, 0.6) 82.23%),
                    linear-gradient(142.43deg, rgba(111, 115, 203, 0.2) 21.74%, rgba(111, 115, 203, 0.6) 86.25%),
                    #F4FCFF;
                    backdrop-filter: blur(15px);
                    -webkit-backdrop-filter: blur(15px);
        border-radius: 1.5625em;
    }

    .principles-section-title {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 13;
        font-size: 1.875em;
        justify-self: left;
        margin-bottom: 0.8125em;
    }

    .principles-section-container {
        grid-template-rows: auto;
        background-image: none;
        height: auto;
        margin-top: 2.1875em;
        row-gap: 0.125em;
        z-index: 0;
    }
}