html{
    scroll-behavior: smooth;
}
.bg-red{
    background-color:rgb(216,25,57);
}
.bg-blue{
    background-color:rgb(0,50,81);
}
.text-red{
    color:rgb(216,25,57);
}
.text-blue{
    color:rgb(0,50,81);
}
.navbar-light .navbar-nav .nav-link {
    font-weight:600;
    letter-spacing: 0.03em;
    font-size:1.2em;
    text-transform: uppercase;
}
/*Textfärger*/
.navbar-light .navbar-brand, .navbar-light .navbar-nav .nav-link, footer .container .row .col-md-2 h6 a{
    color:rgb(255,255,255);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-brand:hover, footer .container .row .col-md-2 h6 a:hover{
    color:#C7C7C7;
}
.navbar-light .navbar-brand{
    font-size:2em;
    text-transform: uppercase;
}
.navbar-light .navbar-toggler{
    border-color:white;
}
button:focus {
    outline:0;
}
.navbar-light .navbar-toggler-icon{
    background-image:none;
}
.rotate{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.rotate.down{
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navbar-collapse{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.menu-stripe{
    width:100%;
    height:6px;
    margin-top:72px;
}
.footer-stripe{
    width:100%;
    height:6px;
}
.wrapper{
    min-height:100vh;
    padding-top:74px;
    margin-bottom:1rem;
}
hr{
    border-color:rgba(255,255,255,0.3);
}
footer.page-footer .footer-copyright{
    background-color: rgba(0,0,0,0.2);
}
.footer-copyright p{
    margin-bottom:0px;
}
.shadow {
    position:absolute;
    width:100%;
    height:500px;
    background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    margin-top:-500px;
}
img {
    aspect-ratio: attr(width) / attr(height);
}
.card, .card-img-top{
    border-radius: 0;
}
.card-img-top{
    width:100%;
}
.card-deck{
    width:70%;
}
.card-title{
    font-size:1.5rem;
    font-weight:bold;
}
.content-container{
    width:70%;
    margin:auto;
    margin-bottom:50px;
}
.nav-margin{
    margin-top:50px;
}
.store-container{
    width:100%;
    min-height:170vh;
}
.list-group li .badge{
    margin-right:25px;
}
.command-button-container{
    margin:auto;
    padding:15px;
    padding-bottom:25px;
    margin-top:20px;
}
.command-button-container h3{
    margin-top:25px;
    margin-bottom:20px;
}
.button-container{
    margin:auto;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left:15px;
    margin-right:15px;
    flex-wrap: wrap;
}
.button-container .btn{
    margin:5px;
}
.btn i{
    margin-right:10px;
}
a.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}
.table{
    margin-bottom:50px;
}
.display-1, .display-2, .display-3, .display-4{
    word-wrap:break-word;
}
.download-button-container{
    height:auto;
    display:flex;
    flex-direction:column;
    width:25%;
}
.download-button-container .btn{
    margin-bottom:10px;
    text-align: left;
}
.iframe-container{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
}
.iframe-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.display-3 + .iframe-container{
    margin-top:30px;
}
.text-black{
    color:black !important;
}