* {
    box-sizing: border-box;
    overflow  : hidden;
}

body {
    overflow: hidden;
    padding : 0%;
    margin  : 0%;
    background-color: whitesmoke;
}

.templogo img {
    width        : 100%;
    border-radius: 130px;
}

.templogo {
    width : 15%;
    margin: 0 auto;
}

.tempintro {
    text-align     : center;
    display        : flex;
    justify-content: space-evenly;
    flex-direction : column;
    font-family    : Verdana, Geneva, Tahoma, sans-serif;
}

.tempintro h1 {
    font-size: 60px;
}

.tempintro h3 {
    font-size: 30px;
}

.tempsocials {
    display        : flex;
    justify-content: space-evenly;
}

.tempsocials img {
    width: 200px;
}

.top {
    width        : 100%;
    height       : 100px;
    border-bottom: 5px solid;
    overflow     : hidden;
}

.produkter {
    width           : 100%;
    height          : 500px;
    background-color: blueviolet;
    padding         : 50px;
    justify-content : space-around;
    display         : flex;
}

.produkt {
    width           : 25%;
    height          : 400px;
    background-color: aquamarine;
}

.hemheader {
    background-color: white;
    height          : 150px;
    border-bottom   : rgb(0, 98, 0) solid 5px;
    margin-bottom   : 20px;
    display         : flex;
    justify-content : space-evenly;
    padding: 10px;
}

.hemheaderlogo {
    border-radius: 100px;
    margin       : 0 auto;
}

.hemheaderlogo img {
    height        : 100%;
}

.hemintro {
    display        : flex;
    margin         : 0 auto;
    height         : 400px;
    width          : 70%;
    justify-content: space-around;
    text-align     : center;
}

.hemintro img {
    width : 100%;
    height: 100%;
}

.hemintrotext h1 {
    font-size: 45px;
}