/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main p, main h1, main h2,main h3, main h4, main h5, main h6, main h7, main a, main p_link, main p_link:hover {font-family: HelveticaNeue, Arial, sans-serif}
main p_small {font-size: 14px; line-height:20px; font-weight: 200}
main p {font-size: 16px; line-height:20px;font-weight: 300;}
main h1 {font-size: 90px;font-weight:800;line-height: 105px; text-align: center; color: #04b885}
main h2 {font-size: 80px;font-weight:800;line-height: 90px; margin-top: 0px; margin-bottom: 20px; text-align: center}
main h3 {font-size: 26px; font-weight: 300;line-height:31px;margin-top: 10px;margin-bottom: 10px}
main h5 {font-size: 18px; font-weight: 800;line-height:22px}
main h6 {font-size: 26px; line-height: 31px; font-weight: 300;margin-bottom: 1%; margin-top: 30px; padding-left:60px; padding-right: 60px; text-align: center}
main h7 {font-size: 35px; line-height: 60px; font-weight: 300;margin-bottom: 1%; margin-top: 30px; text-align: center}

main h2.h_smaller {font-size: 50px;font-weight:800;line-height: 60px; margin-top: 0px; margin-bottom: 20px; text-align: center}
main h3.h_smaller {font-size: 23px; font-weight: 300;line-height:31px;margin-top: 10px;margin-bottom: 10px}

/* Standard
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .container {margin-top: 1%; margin-bottom: 1%}

main .center {text-align: center; margin: 0 auto;}
main .left{text-align: left; margin: 0 auto;}
main .right{text-align: right; margin: 0 auto;}

main #centerplacement{   position:relative;
    max-width:100%;
}

main #centerplacement_app{   position:relative;
    max-width:100%;
    margin-top:20%;
    margin-left:0%;}

main .narrow {width: 60%; margin: 0 auto;}

main .break {margin-top: 5%; margin-bottom: 5%;}
main .break1 {margin-top: 8%; margin-bottom: 5%;}

main img {max-width: 100%; margin-top: 5%; margin-bottom: 2%}

main .introtekst {padding-left: 100px; padding-right: 100px;}

/* Color
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .blue{color: #1d2241}
main .darkblue{color: darkslateblue}
main .green{color: #229373}
main .white {color: #fff;}


/* Knapper
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .buttongrey {background-color: #229373;border: 1px solid #229373;border-radius: 5px;font-size: 16px;color: #fff;font-weight: 600;padding: 10px 20px;margin-top: 0px;min-width: 160px;text-align: center;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.6s;overflow: hidden;cursor: pointer;font-family: helvetica, arial, sans-serif;display: inline-block;margin-bottom: 20px}
main .buttongrey:hover {background: #000;color: #fff}

main .buttonblack {background-color: #fff;border: 1px solid #fff;border-radius: 5px;font-size: 16px;color: #229373;font-weight: 600;padding: 10px 20px;margin-top: 0px;min-width: 160px;text-align: center;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.6s;overflow: hidden;cursor: pointer;font-family: helvetica, arial, sans-serif;display: inline-block;margin-bottom: 20px}
main .buttonblack:hover {background: #fff;color: #000}



/* Baggrunde
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main #backgroundblack{background-color: black;width: 100%;margin: 0% auto;border-radius: 0px;margin-bottom: 0px;margin-top: 0%;padding-top: 5%;padding-bottom: 0px;}

main #backgroundgrey{background-color: #fafafa;width: 100%;margin: 0% auto;border-radius: 0px;margin-bottom: 0px;margin-top: 0%;padding-top: 20px;padding-bottom: 40px;}

main #backgroundforest{background-image: url(../images/lowland-rainforest-aerial-borneo-ED3VM55_LOWRES.jpg);background-size: 100% ;margin-bottom: 0%;margin-top: 0%;padding-top: 10%;padding-bottom:10%; }


main #backgroundgreen{background: #229373 url(../images/Asset14x.png) center center no-repeat; background-position: center; background-size: 98%}

main #backgroundhero{background-color: #000900 ;background: linear-gradient(to right, #000900 0%, #002200 100%);background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 0%;margin-top: 0%;padding-top: 5%;padding-bottom:0%; height: auto}

main #backgroundimac{background-image: url(../images/iMac_Retina_21_5-in_34R_Magic_Keyboard_Magic_Mouse_Screen__USEN@2x.png);width: 100%;padding-top: 10px;padding-bottom: 10px; margin-top: 0%; background-repeat: no-repeat; height:650px; background-size: 20%; background-position: 100% 0px; position:sticky}

main #backgroundgreengradient{background-color: #000900 ;background: linear-gradient(to right, #000900 0%, #002200 100%) ;width: 100%;margin: 0% auto;border-radius: 0px;margin-bottom: 0px;margin-top: 0%;padding-top: 3%;padding-bottom: 3%; width: 100vw;position: relative;margin-left: -50vw;background-repeat: no-repeat;margin-top: 0px;background-position: center;left: 50%; z-index: 0 }

main #backgroundhero1{background-image: url(../images/BuyBack_Kampagnefilm_still_1_lowres-kopi.jpg);background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 0%;margin-top: 0%;padding-top: 5%;padding-bottom:0%; height: auto}


/* Bigger than 1550 */
@media (max-width: 1550px) {



main #backgroundimac{background-image: url(../images/iMac_Retina_21_5-in_34R_Magic_Keyboard_Magic_Mouse_Screen__USEN@2x.png);width: 100%;padding-top: 10px;padding-bottom: 10px; margin-top: 0%; background-repeat: no-repeat; height:650px; background-size: 22%; background-position: 100% 40px; position:sticky}




}









/* Bigger than 1440 */
@media (max-width: 1440px) {

main p, main h1, main h2, main h3, main h4, main h5, main h6, main h7, main a, main p_link, main p_link:hover {font-family: HelveticaNeue, Arial, sans-serif}
main p {font-size: 16px; line-height:20px;font-weight: 300;margin-bottom: 10px; margin-top: 0px}
main h1 {font-size: 80px;font-weight:800;line-height: 90px; text-align: center}
main h2 {font-size: 65px;font-weight:800;line-height: 72px; margin-top: 0px; margin-bottom: 40px; text-align: center; padding-left: 10px; padding-right: 10px}
main h3 {font-size: 22px; font-weight: 300;line-height:26px;margin-bottom: 20px;}
main h5 {font-size: 16px; font-weight: 800;line-height:20px}
main h6 {font-size: 22px; line-height:28px;font-weight: 300;margin-bottom: 2%; margin-top: 28px; padding-left:100px; padding-right: 100px; text-align: center}
main h7 {font-size: 28px; line-height: 34px; font-weight: 300;margin-bottom: 1%; margin-top: 30px; text-align: center}

main h2.h_smaller {font-size: 40px;font-weight:800;line-height: 50px; margin-top: 0px; margin-bottom: 20px; text-align: center}
main h3.h_smaller {font-size: 22px; font-weight: 300;line-height:26px;margin-bottom: 20px;}

/* Standard
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .center {text-align: center; margin: 0 auto;}
main .left{text-align: left; margin: 0 auto;}
main .right{text-align: right; margin: 0 auto;}

main .container {max-width: 100%; padding: 10px 10px;margin-right: 0px; margin-left: 0px}
main .section {padding: 11rem 0 11rem;width: 100%;}
main .narrow {width: 60%; margin: 0 auto;}

main .break {margin-top: 5%; margin-bottom: 3%;}
main .break1 {margin-top: 10%; margin-bottom: 3%;}
main img {max-width: 70%; margin-top: 5%}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .container_padding {margin-left: 30px; margin-right: 30px}
main .containerfaq {max-width: 100%; align-content: center; padding-left: 10%; padding-right: 10%;margin-top: 10%}
main .introtekst {padding-left: 200px; padding-right: 200px;}

main #centerplacement{   position:relative; max-width:100%;margin-top:0%;margin-left:0%;}
main #centerplacement_app{position:relative;max-width:100%;margin-top:20%;margin-left:-10%;}

main #backgroundhero{background-color: #000900;background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 0%;margin-top: 0%;padding-top: 5%;padding-bottom:0%;height: auto}


main #backgroundimac{background-image: url(../images/iMac_Retina_21_5-in_34R_Magic_Keyboard_Magic_Mouse_Screen__USEN@2x.png);width: 100%;padding-top: 10px;padding-bottom: 10px; margin-top: 0%; background-repeat: no-repeat; height:670px; background-size: 28%; background-position: 100% 40px; position:sticky}

}












/* Bigger than 950 */
@media (max-width: 950px) {

main p, main h1, main h2, main h3, main h4, main h5, main h6, main h7, main a, main p_link, main p_link:hover {font-family: HelveticaNeue, Arial, sans-serif}
main p {font-size: 14px; line-height:20px;font-weight: 300;margin-bottom: 10px; margin-top: 0px;}
main h1 {font-size: 60px;font-weight:800;line-height: 60px; text-align: center}
main h2 {font-size: 53px;font-weight:800;line-height: 62px; margin-top: 6%; margin-bottom: 40px; text-align: center;padding-left: 20px;padding-right: 20px}
main h3 {font-size: 22px; font-weight: 300;line-height:28px;margin-bottom: 20px;}
main h5 {font-size: 16px; font-weight: 800;line-height:20px}
main h6 {font-size: 22px; line-height:28px;font-weight: 300;margin-bottom: 2%; margin-top: 20px; padding-left:40px; padding-right: 40px; text-align: center}
main h7 {font-size: 28px; line-height: 60px; font-weight: 300;margin-bottom: 1%; margin-top: 30px; text-align: center}

main h2.h_smaller {font-size: 32px;font-weight:800;line-height: 42px; margin-top: 0px; margin-bottom: 20px; text-align: center}
main h3.h_smaller {font-size: 21px; font-weight: 300;line-height:28px;margin-bottom: 20px;}

main .section {padding: 11rem 0 11rem;width: 100%;}
main .container {max-width: 100%; padding: 15px 15px;margin-right: 0px; margin-left: 0px}

main .narrow {width: 60%; margin: 0 auto;}
main .break {margin-top: 5%; margin-bottom: 3%;}

main img {max-width: 90%; margin-top: 5%}


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .container_padding {margin-left: 30px; margin-right: 30px}
main .containerfaq {max-width: 100%; align-content: center; padding-left: 10%; padding-right: 10%}
main .introtekst {padding-left: 40px; padding-right: 40px;}

main #centerplacement{position:relative;max-width:100%;margin-top:0%;margin-left:0%;}
main #centerplacement_app{position:relative;max-width:100%;margin-top:10%;margin-left:0%;}

main #backgroundhero{background-color: #000900;background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 10%;margin-top: 0%;padding-top: 5%;padding-bottom:0%; height: auto }



main #backgroundimac{background-image: url();width: 100%;padding-top: 10px;padding-bottom: 10px; margin-top: 0%; background-repeat: no-repeat; height:600px; background-size: 70%; background-position: 50% 0px; }

}







/* MOBILE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Bigger than 650 */
@media (max-width: 650px) {

main p, main h1, main h2, main h3, main h4,main h5, main h6, main h7, main a, main p_link, main p_link:hover {font-family: HelveticaNeue, Arial, sans-serif}
main p {font-size: 16px; line-height:20px;font-weight: 300;margin-bottom: 10px; margin-top: 0px}
main h1 {font-size: 45px;font-weight:800;line-height: 52px; text-align: center}
main h2 {font-size: 45px;font-weight:800;line-height: 52px; margin-top: 8%; margin-bottom: 20px}
main h3 {font-size: 22px; font-weight: 300;line-height:26px;margin-bottom: 0px;}
main h5 {font-size: 18px; font-weight: 800;line-height:22px}
main h6 {font-size: 22px; line-height:26px;font-weight: 300;margin-bottom: 6%; margin-top: 16px; padding-left: 0px;padding-right: 0px}
main h7 {font-size: 25px; line-height: 52px; font-weight: 300;margin-bottom: 0%; margin-top: 0px; text-align: center}

main h2.h_smaller {font-size: 27px;font-weight:800;line-height: 37px; margin-top: 0px; margin-bottom: 20px; text-align: center}
main h3 {font-size: 20px; font-weight: 300;line-height:26px;margin-bottom: 0px;}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .section {padding: 11rem 0 11rem;width: 100%;}
main .container {max-width: 100%; padding: 15px 15px;margin-right: 0px; margin-left: 0px}

main img {max-width: 100%; margin-top: 5%}
main .narrow {width: 80%; margin: 0 auto;}
main .break {margin-top: 10%; margin-bottom: 3%;}

main .containerfaq {max-width: 100%; align-content: center; padding-left: 5%; padding-right: 5%}
main .container_padding {margin-left: 30px; margin-right: 30px}
main .introtekst {padding-left: 10px; padding-right: 10px;}

main #centerplacement{position:relative;max-width:100%;margin-top:0%;margin-left:0%;}
main #centerplacement_app{position:relative;max-width:100%;margin-top:20%;margin-left:0%;}


main #backgroundhero{background-color: #000900;background-size: 100% ; background-repeat: no-repeat; margin-bottom: 10%;margin-top: 0%;padding-top: 5%;padding-bottom:0%;max-height:950px;}



main #backgroundimac{background-image: url();width: 100%;padding-top: 10px;padding-bottom: 10px; margin-top: 0%; background-repeat: no-repeat; height:650px; background-size: 70%; background-position: 50% 0px; }




}