*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}



#topnav {
    overflow: hidden;
    background-color: #333;
    position: relative;
    width: 100%;
  }
  
  /* Hide the links inside the navigation menu (except for logo/home) */
  #topnav #myLinks {
    display: none;
  }
  
  /* Style navigation menu links */
  #topnav a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    font-size: x-large;
  }
  
  /* Style the hamburger menu */
  #topnav a.icon {
    background: black;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  /* Add a grey background color on mouse-over */
 
  
  /* Style the active link (or home/logo) */
  #active {
    background-color: #04AA6D;
    color: white;
    text-align: center;

  }
  img{
    width: 100%;
  }
  footer{
    text-align: center;
    border: black dotted;
    margin-top: 10px;
  }
  .container{
    display: none;
}
header{
    text-align: center;
}
#size{
  position:absolute;
  right: 1%;
  background-color: #04AA6D;
  border: #04AA6D;
  padding: 1px;
  top: 1.7vh;
  border: black 1px dotted;
  z-index: 4;
}
#MobilOchTablet{
  font-family: "Oswald", sans-serif;
}




  @media only screen and (min-width:600px){
footer{
  margin-top: 5px;
}
  
  }




  
  @media only screen and (min-width:769px){
#MobilOchTablet{
    display: none;
}
header{
  border-bottom: black  3px solid;
  font-size: xx-large;
  margin-bottom: 20px;
}
.container{
display: block;
background-color: lightgrey;
font-family: "Oswald", sans-serif;
font-size: large;
}


.rounded-circle{
  width: 70%;
}


  }