/*---------------------------------------------------------------------------------------------------------*/

/*Störf Síðan Byrjar Hér og Css-ið fyrir hana*/


.storf-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    margin-top: 20px;
    align-items: center;
}


/* Large devices (laptops/desktops, 300px and up) */
@media only screen and (min-width: 300px) and (max-width: 1200px) {
    /* Add your CSS rules for large devices here */
    .storf-container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 30px;
    }

        .storf-container > div:nth-child(2) {
            grid-row: 1; /* Ensure the SVG appears above the text */
        }
}

@media only screen and (max-width: 1200px) {
    /* Add your CSS rules for large devices here */
    .storf-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto; /* Let the rows adjust automatically */
        grid-row-gap: 20px;
    }

        .storf-container > div:nth-child(2) {
            grid-row: 1; /* Ensure the SVG appears above the text */
        }
}


.storf-container div {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 18px;
}

.storf-container h1 {
    color: var(--black-color);
    margin: 0 0 20px 0;
    font-size: 48px;
}

    .storf-container h1 span {
        color: var(--primary-color)
    }

.storf-container p {
    margin: 0 0 40px 0;
    font-size: 20px;
}

.mynd43_svg__st1 {
    fill: #42445d
}

.mynd43_svg__st2 {
    fill: #0a429f
}

.mynd43_svg__st3 {
    fill: #0d5bd9
}

.mynd43_svg__st6 {
    fill: #fff
}

.mynd43_svg__st8 {
    fill: #333242
}

.mynd43_svg__st10 {
    fill: #d0ddfd
}

.mynd43_svg__st13 {
    fill: #ffb725
}

.mynd43_svg__st17 {
    fill: #ffcab8
}

.mynd43_svg__st18 {
    fill: #ffc3ab
}

.mynd43_svg__st19 {
    fill: #584735
}

.mynd43_svg__st20 {
    fill: #fd4b1b
}

.mynd43_svg__st21 {
    fill: #d4eeff
}

.mynd43_svg__st22, .mynd43_svg__st23 {
    opacity: .7;
    fill: #fff;
    enable-background: new
}

.mynd43_svg__st23 {
    opacity: .4
}

.mynd43_svg__st35 {
    fill: #eaa363
}

.mynd43_svg__st37 {
    fill: #061c34
}


/*Störf Síðan Endar Hér og Css-ið fyrir hana*/

/*---------------------------------------------------------------------------------------------------------*/