/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main p, main h1, main h2,main h3, main h4, main h5, main h6, main h7, main h8, main h9, main a, main p_font, main p_link, main p_link:hover {font-family:HelveticaNeue, Arial, sans-serif}
main p {font-size: 16px; line-height:20px;font-weight: 300;}
main p_link {text-align:left; font-size:16px; color:#009fe3; padding-left: 0px;}
main p_font {font-size: 12px;font-weight: 800; padding-left: 0px; letter-spacing: 3px; display: inline!IMPORTANT;}	

main h1 {font-size: 100px;font-weight:600;line-height: 115px; margin-top: 0px; margin-bottom: 0px;text-align: center; }
main h2 {font-size: 80px;font-weight:600;line-height: 90px; margin-top: 5%; margin-bottom: 20px; text-align: center}
main h3 {font-size: 50px; font-weight: 600;line-height:56px;margin-top: 0px;margin-bottom: 10px;text-align: center; }
main h4 {font-size: 16px; font-weight: 300;line-height:31px;margin-top: 10px;margin-bottom: 10px}
main h5 {font-size: 26px; font-weight: 300;line-height:31px}
main h7 {font-size: 30px; font-weight: 600;line-height:36px;}
main h8 {font-size: 10px; font-weight: 300;line-height:15px;}
main h9 {font-size: 12px;line-height: 12px;font-weight: 100;}




/* Standard
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .columns {padding-left: 2%; padding-right: 2%}
main .section {padding: 0rem 0 5rem 0;text-align: center;}
main .container {padding: 10px; margin-top: 0px }
main .center {text-align: center;}
main .left {text-align: left;}
main .right {text-align: right;}
main .header {margin-top: 5%}
main .header1 {margin-top: 5%}
/* images
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main img {max-width: 100%; margin-top: 2%; margin-bottom: 2%}

/* Color
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .blue{color: #007bc5}
main .studyblue {color: #009fe3;}
main .green{color: #229373}
main .white {color: #fff;}
main .black {color: #000;}
main .red {color: #c93a56}
main .darkgrey {color: #8b8b93}
main .fafafa {color: #fafafa}
main .efefef{color: #efefef}


/* Knapper
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .buttongrey {background-color: transparent;border: 1px solid #000;border-radius: 5px;font-size: 16px;color: #000;font-weight: 100;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: 0px}
main .buttongrey:hover {background: #000;color: #fff; text-decoration: none}

main .buttonblack {background-color: transparent;border: 1px solid #fff;border-radius: 5px;font-size: 16px;color: #fff;font-weight: 100;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: 0px}
main .buttonblack:hover {background: #fff;color: #000; text-decoration: none}

main .buttonred {background-color: transparent;border: 1px solid #fff;border-radius: 5px;font-size: 16px;color: #FFF;font-weight: 100;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: 0px}
main .buttonred:hover {background: #fff;color: grey; text-decoration: none}

main .buttongreen {background-color: #00975f;border: 1px solid #fff;border-radius: 5px;font-size: 16px;color: #FFFFFF;padding: 10px 20px;width: 160px;text-align: center;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;overflow: hidden;cursor: pointer;font-family: helvetica, arial, sans-serif;}
main .buttongreen:hover {background: #fff;color: #00975f;border: 1px solid #00975f;border-radius: 5px text-decoration: none}

main .buttonblue {background-color: transparent;border: 1px solid #fff;border-radius: 5px;font-size: 16px;color: #fff;font-weight: 100;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: 0px}
main .buttonblue:hover {background: #fff;color: #009fe3; text-decoration: none}



/* Baggrunde color
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main #backgroundblack{background-color: black;width: 100vw; position: relative; margin-left: -50vw;  height: auto;     background-repeat: no-repeat;background-position: 0%;left: 50%;  padding-top: 5%; padding-bottom: 5%}

main #backgroundblue{background-color: #009fe3;width: 100%;margin: 0% auto;border-radius: 0px;margin-bottom: -1px;margin-top: 0%;padding-top: 5%;padding-bottom: 0px; width: 100vw;position: relative;margin-left: -50vw;background-repeat: no-repeat;margin-top: 0px;background-position: center;left: 50%; z-index: 1}

main #backgroundgrey{background-color: #fafafa;width: 100%;margin: 0% auto;border-radius: 0px;margin-bottom: 0px;margin-top: 0%;padding-top: 2%;padding-bottom: 0px; width: 100vw;position: relative;margin-left: -50vw;background-repeat: no-repeat;margin-top: 0px;background-position: center;left: 50%; }

main #backgroundgreen{background-color: #229373; width: 100vw; position: relative; margin-left: -50vw;  height: auto;     background-repeat: no-repeat;background-position: 0%;left: 50%;  padding-top: 5%; padding-bottom: 5%}

main #backgroundorange {background-color: orange; width: 100vw; position: relative; margin-left: -50vw;  height: auto;     background-repeat: no-repeat;background-position: 0%;left: 50%;  padding-top: 5%; padding-bottom: 5%}

main #backgroundred {background-color: #c93a56; width: 100vw; position: relative; margin-left: -50vw;  height: auto;     background-repeat: no-repeat;background-position: 0%;left: 50%;  padding-top: 5%; padding-bottom: 5%}

main #backgroundhero{background-image: url(../images/a-man-using-a-smartphone-DTHGPSW@2x.jpg);background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 0%;margin-top: 0%;padding-top: 5%;padding-bottom:0%; height: auto}





/* Baggrunde color rounded corners
–––––––––––––––––––––––––––––––––––––––––––––––––– 

main #premiumedition{background-color: black;width: 70%;margin: 0% auto;border-radius: 20px;margin-bottom: 10%;margin-top: 5%;padding-top: 10px;padding-bottom: 25px;padding-left: 0%!IMPORTANT;padding-right: 0%!IMPORTANT;} 

main #greybox{background-color: #efefef;width: 80%;margin: 0% auto;border-radius: 10px;padding:20px;margin-bottom: 10%; margin-top: 10%} 

main #delbetaling{background-color: #009fe3;width: 70%;margin: 0% auto;border-radius: 20px;margin-bottom: 10px;margin-top: 5%;padding-top: 10px;padding-bottom: 10px;padding-left: 0%!IMPORTANT;padding-right: 0%!IMPORTANT;} 

main #studierabat {
    background-image: url(../images/studierabat_billede.jpg);
    width: 80%;
    margin: 0% auto;
    border-radius: 10px;
    padding: 20px;
    background-repeat: repeat;
    background-size: cover;
    margin-bottom: 10%; margin-top: 10%
}
*/

/* Kampagne
––––––––––––––––––––––––––––––––––––––––––––––––––*/

main .introtekst {padding-left: 90px; padding-right: 90px;}
main .introtekst2 {padding-left: 90px; padding-right: 90px;}
main .introtekst3{
    padding-left: 200px;
    padding-right: 200px;
}
main #centerplacement{position:relative;max-width:100%; margin-top:33%;}

main .imageheadermob{display: none;}
main .imageheaderdesk{display: block;margin-top: 0%; margin-bottom: 2%}




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

main h1 {font-size: 90px;font-weight: 800;line-height: 105px;text-align: center;padding-left: 0%;padding-right: 0%;}
main h2 {font-size: 80px;font-weight: 800;line-height: 90px;margin-top: 8%; margin-bottom: 20px;}
main h3 {font-size: 45px;font-weight: 800;line-height: 52px;margin-bottom: 0px;}
main h5 {font-size: 22px;font-weight: 300;line-height: 26px;}
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: 30px;line-height: 38px;font-weight: 800;margin-bottom: 0%;margin-top: 0px;text-align: center;}
main h8 {font-size: 10px; font-weight: 300;line-height:15px;}
main h9 {font-size: 12px;line-height: 12px;font-weight: 100;}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .section {padding: 2rem 0 2rem;width: 100%;}
main .columns {padding-left: 6%; padding-right: 6%;}

main .columnstest{padding-left: 2%; padding-right: 2%; width: 50%}
main .container {max-width: 100%; padding: 15px 15px;margin-right: 0px; margin-left: 0px}
main .reverse-columns {display: flex;flex-direction: column-reverse;}
main .container-flex.reverse {flex-direction: row;}
main .container-flex.mobile-reverse {flex-direction: row-reverse;}
main .center {text-align: center;margin-top: 4px;}
main img {max-width: 100%;margin-top: 5%;}

main .introtekst {padding-left: 0px; padding-right: 0px;}
main .introtekst2 {padding-left: 0px; padding-right: 0px;}
main .introtekst3 {padding-left: 0px; padding-right: 0px;}
main #centerplacement {position: relative;max-width: 100%;margin-top: 10%;margin-left: 0%;}




}















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

main h1 {font-size: 60px;font-weight: 800;line-height: 68px;text-align: center;padding-left: 0%;padding-right: 0%;}
main h2 {font-size: 45px;font-weight: 800;line-height: 52px;margin-top: 8%;margin-bottom: 20px;}
main h3 {font-size: 45px;font-weight: 800;line-height: 52px;margin-bottom: 0px;}
main h5 {font-size: 22px;font-weight: 300;line-height: 26px;}
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: 30px;line-height: 38px;font-weight: 800; margin-bottom: 0%;margin-top: 10px;text-align: center;}
main h8 {font-size: 10px; font-weight: 300;line-height:15px;}
main h9 {font-size: 12px;line-height: 12px;font-weight: 100;}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main .section {padding: 2rem 0 2rem;width: 100%;}
main .columns {padding-left: 0%; padding-right: 0%}
main .columnstest {padding-left: 2%; padding-right: 2%; width: 50%}
main .container {max-width: 100%; padding: 15px 15px;margin-right: 0px; margin-left: 0px}
main .reverse-columns {display: flex;flex-direction: column-reverse;}
main .container-flex.reverse {flex-direction: row;}
main .container-flex.mobile-reverse {flex-direction: row-reverse;}
main .center {text-align: center;margin-top: 4px;}
main img {max-width: 100%;margin-top: 5%;}

main .introtekst {padding-left: 0px; padding-right: 0px;}
main .introtekst2 {padding-left: 0px; padding-right: 0px;}
main .introtekst3 {padding-left: 0px; padding-right: 0px;}   
main #centerplacement {position: relative;max-width: 100%;margin-top: 10%;margin-left: 0%;}

main #backgroundhero{background-image: url(../images/a-man-using-a-smartphone-DTHGPSW@2x-1.jpg);background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 0%;margin-top: 0%;padding-top: 5%;padding-bottom:0%; height: auto}


main .imageheaderdesk{display: none;}
main .imageheadermob{display: block;}

 
}