.container {
  width: 90%;
  height: auto;
  margin-right: auto;
  margin-left: 50px;
  padding: 20px;
  color: #066;
 }

hr {
border-style: none;
border-top-style: groove;
border-color: grey;
border-width: 7px;
 width: 100%;
}
.bg {
    min-height: 100%;
    min-width: 1024px;

    width: 100%;
    height: auto;

    position: fixed;
    top: 0;
    float: right;
}
@media screen and (max-width: 524px)
{
     .bg {
        left: 50%;
        margin-left: -512px;
     }
}


table {

  xxxmargin-left:30px;
  border-spacing: 10px;

}

p{
  xxmargin-right: 60px;
  margin-left: 35px;
  
  }

  #div1 {
  background: url('hDSC_0204.gif');
  background-size: 100px 80px;
  background-repeat: no-repeat;
}

 .top-container
 {
 width: 100%;
 height: 30px
 }

.Haus-container
{
  xxxmargin-left: -50px;

width: 100%;
height: 150px


}


.container--2
 {
  width: 80%;
  height: 250px;
  xxbackground-image: url("images/DSC_0204.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 100px;
  margin-left: 10px;
  color: rgb(19, 0, 102);
  }


   #grad1 {
     height: 200px;
     background-color: #cccccc;
     background-image: linear-gradient(red, yellow);
   }

  
.facebook {
  background: #3B5998;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 100px;
  font-size: 30px;
}


.navbar {
  xxoverflow: hidden;
  background-color: rgb(208, 211, 211);
  position:fixed;
  top: 0px;
 padding: 5px;
  height: 145px;
  width: 100%;
  margin-left: 0px;
  margin-right:auto;
  font-style: Times;
 xxfont-size: 30px;
  font-family:'Times New Roman', Times, serif;
   
}

.navbar a {
float: left;
display: block;
color: #0e0505;
padding: 5px 10px;
text-decoration:none;
font-size: 19px;
}
 
  

   .navbar a:hover {
     background: #571212;
     color: black;
   }

   .main {
     padding: 16px;
     margin-top: 30px;
     height: 2500px; /* Used in this example to enable scrolling */
   }


xximg {
height: 120px;
width 700px;
}

h1 {
  color: rgb(20, 2, 2);
  margin-left: 5px !important;
}

h2x {
  font-family:Arial, Helvetica, sans-serif;
   font-size: 17px !important;
  xxfont-weight: xbold;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font: bold;
color: #1db360;
margin-left: 7px;
}



/*-------------------------------------*/

.hamburger-menu {
  position: relative;
}

.menu-icon {
  font-size: 30px;
  cursor: pointer;
}

.menu-content {
  display:none;
  position:absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 5px 8px 16px 2px rgba(12, 11, 11, 0.836);
  z-index: 1;
}

.menu-content ul {
  list-style-type: none;
  padding: 1;
}

.menu-content ul li a {
  padding: 15px 30px;
  text-decoration: none;
  display: block;
  color: rgb(71, 54, 54);
}

.menu-content ul li a:hover {
  background-color: #f1f1f1;
}

.hamburger-menu:hover .menu-content {
  display: block;
}

.xxsite-footer {
  background-color: #333;
  color: white;
  padding: 20px;
  text-align: Left;
  xxposition: fixed; /* eða fixed ef þú vilt hann fastan neðst */
  bottom: 0;
  width: 100%;
}
.xxsite-footer {
  background-color: #333;
  color: white;
  padding: 2px;
  text-align: left;
  bottom: 0;
  position: fixed;
}
.site-footer {
  background-color: rgb(223, 227, 228);
  color: rgb(34, 10, 10);
  text-align: Left;
  padding: 1px;
  width: 100%;
  margin-left: 0px;
  margin-right:auto;
}