body{background-color:#eee;font-size:18px;font-family: "Open Sans", Sans-serif;
    -moz-osx-font-smoothing: grayscale;}
.whitebox{background-color:#fff;}
.bluebox{background-color:#449aef;color:#fff;}
.orangebox{background-color:#FFA500;}
.yellowbox{background-color:#FFEE00;}
.blackbox{background-color:#212121;color:#fff;}
.greenbox{background-color:#68a64d;color:#fff;}
.starsbg{background-image: url("gfx/stars.jpg");background-color: #222;color:#fff;}
.esbjergdark{background-image: url(https://nutimo.dk/assets/gfx/dark-esbjerg.jpg);background-color: #222;}
.esbjerglight{background-image: url(https://nutimo.dk/assets/gfx/light-esbjerg.jpg);}
.coverbg{background-size: cover;background-position: 0 0;}
.bgbottom{background-position:bottom center;}
section{max-width:1500px;margin:0 auto; padding:85px 150px;}
.box{padding:20px 30px;}
h1,h2,h3{font-weight:900;margin-bottom:20px;text-transform:uppercase;font-family: "Montserrat", Sans-serif;}
.card{margin-bottom:20px;}
.text-highlight{background-color:yellow;color:#000;}


.big-text{font-size:24px;}
.hero-text{font-size:32px;}
.text-right{text-align:right;}
ol>li,ul>li{padding:5px 0 5px 0;}

.quote{text-align:center;margin:18px 0;}
.quote img{max-width:40%;margin:10px auto;}
.quote .name{font-weight:900;text-transform:uppercase;font-size:19px;}
.quote .title{font-size:16px;}
.quote a{text-decoration:underline;color:#333;}
.quote blockquote{text-align:left;font-size:15px;font-style:italic;margin: 0 0 10px 0;}
.card .card-body{font-size:16px;}



@media screen and  (max-width: 1200px) {
    section{padding:25px 30px;}
}


/** BUTTON FIXES **/

.btn{border:none;font-weight:bold;}
.btn-warning,
.btn-success,
.btn-danger{
    text-align: center;
    transition: 0.1s;
    background-size: 200% auto;
    border-radius:25px;
    color:#fff;
    padding: 11px 32px;
    font-size:24px;
}
.btn-giga{font-size:27px;margin:1px;padding:13px 36px;}
.btn-warning {
    background-image: linear-gradient(#e3750b, #ff9415);
    -webkit-box-shadow: 0 6px 6px #e3750b, 0 9px 15px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 6px 0 #e3750b,0 9px 15px rgba(0,0,0,.4);
    box-shadow: 0 6px 0 #e3750b, 0 9px 15px rgb(0 0 0 / 40%);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning:checked,
.btn-warning:active{
    outline:none;
    -webkit-box-shadow: 0 3px 0 #e3750b, 0 3px 6px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 3px 0 #e3750b, 0 3px 6px rgba(0,0,0,.5);
    box-shadow: 0 3px 0 #e3750b, 0 3px 6px rgb(0 0 0 / 50%);
    border:0;
    color:#fff;
}
.btn-danger {
    background-image: linear-gradient(#EB3349, #F45C43 );
    -webkit-box-shadow: 0 6px 6px #EB3349, 0 9px 15px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 6px 0 #EB3349,0 9px 15px rgba(0,0,0,.4);
    box-shadow: 0 6px 0 #EB3349, 0 9px 15px rgb(0 0 0 / 40%);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger:checked,
.btn-danger:active{
    outline:none;
    -webkit-box-shadow: 0 3px 0 #EB3349, 0 3px 6px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 3px 0 #EB3349, 0 3px 6px rgba(0,0,0,.5);
    box-shadow: 0 3px 0 #EB3349, 0 3px 6px rgb(0 0 0 / 50%);
    border:0;
    color:#fff;
}
.btn-success {
    background-image: linear-gradient( #1D976C , #3bb080);
    -webkit-box-shadow: 0 6px 6px #1D976C, 0 9px 15px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 6px 0 #1D976C,0 9px 15px rgba(0,0,0,.4);
    box-shadow: 0 6px 0 #1D976C, 0 9px 15px rgb(0 0 0 / 40%);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active:focus,
.btn-success:checked,
.btn-success:active{
    outline:none;
    -webkit-box-shadow: 0 3px 0 #1D976C, 0 3px 6px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 3px 0 #1D976C, 0 3px 6px rgba(0,0,0,.5);
    box-shadow: 0 3px 0 #1D976C, 0 3px 6px rgb(0 0 0 / 50%);
    border:0;
    color:#fff;
}