@charset "utf-8";
body {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 16px;
          background-color: #4896AA;
          padding-top: 2px;
}

 
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1000px;
} 


h1 {
          text-align: center;
}


.ant img {
        width: auto;
max-width: 100%;
heigth: 100%;
border-radius: 8px;
}


.ant  h3, p {
color: #F2F2F2;
}
.ram {
    position: relative;
  width: 180%;
     hight: 1000px;
  overflow: hidden;
  
 
}  

.ant2 h3 {
color: #F2F2F2;
}
.stycke1 {
          padding-top: 0.2em;
          padding-right: 1em;
          padding-left: 1em;
          padding-bottom: 0em;
          color: #F2F2F2;
          background-color: #346F7E;
}



.rubrik2 {
        margin: 3px;
          background-color: #346F7E;
          color: #F2F2F2;
          text-align: center;
         
}




.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}
          




.disgen {
                   background-color: #346F7E;
          color : #F2F2F2;
}
.disgen2 {
                   color: #346F7E;
          background-color: #F2F2F2;
             padding: 0.5em;
    margin-top: 0.3em;
        margin-left: -0.3em;
margin-right: -0.3em;
}
.disgen3 {
          
          border: thin solid #FF8000;
}


.huvudrubrik {
                   color: #F2F2F2;
          background-color: #346f7e;
          text-align: center;
}
.huvudrubrik h2 {
          color: #F2F2F2;
          text-align: center;
}
.fot {
          padding: 5em 0;
          background-color: #346F7E;
          border: thin solid #346F7E;
          color: #F2F2F2;
          font-size: 1.0em;
          text-align: center;
          width: 100%;
}

.card {
          background-color: #346F7E;
          color: #f2f2f2;
}
.card-body {
          background-color: #346F7E;
          color: #f2f2f2;
}
.fot h4 {
          color: #F2F2F2;
          font-style: normal;
          text-align: center;
          font-weight: normal;
          border-top-style: none;
          border-top-color: #F7F5F5;
}
.fot a {
          color: #E2F9B3;
}
.fot a:hover {
          color: #ffffff;
}

.fot a:focus {
          color: #ffffef;
          background-color: #346f7e;
}


.disgen2 p, h4, h3 {
          color: #346F7E;
	 text-align: left;


}