html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/background_dark.png);
	background-repeat: repeat-x-y;
	background-attachment:fixed;
	color: #bd9d1b;
	margin-top: 0px;
}

.header {
  display: inline-block;
  text-align: center;
  padding: 10px 10px 1px 10px;
  background: rgb(255,215,0);
  background: radial-gradient(circle, rgba(255,215,0,1) 0%, rgba(134,113,0,1) 100%);
  font-size: 15px;
  font-family: Arial;
  width:100%;
}

.header h1 {
  color: #202020;
  text-shadow: 2px 2px 5px orange;
}

.header p {
  color: #202020;
  font-weight: bold;
}

div.ad
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #202020;
	position: absolute;
	width:auto;
	padding:2px;
	border:1px solid; 
	margin:0px;
	height: auto;
	right: 15px;
	top: 10px;
	z-index:1;
}
div.ad a {
        color: #202020;
	text-decoration: none;
}

div.ex
{
         position: relative;
         left:0px;
         width:70%;
         padding:5px 5px 5px 5px;
         /*border:1px solid #fff;*/
         margin:auto;
}

div.ex a:link {
	text-decoration: none;
	color: #bd9d1b;
}
div.ex a:visited {
	text-decoration: none;
	color: #bd9d1b;
}
div.ex a:hover {
	text-decoration: none;
	color: #bd9d1b;
}
div.ex a:active {
	text-decoration: none;
	color: #bd9d1b;
}

hr {
  color: #202020;
  margin: 0px 5px; 20px 5px;
}

div.gallery {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
opacity: 0.85;
border-radius: 10%;
}

div.gallery:hover {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05)
-o-transform:scale(1.05);
box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
-moz-box-shadow:0px 0px 0px gray;
opacity: 1;
border-radius: 10%;
}

      div.gallery img {
        max-width: 100%;
        max-height: 221px;
        height: auto;
        border: 3px solid #ddd;
        border-style: inset;
        border-radius: 10%;
      }

      div.gallery img:hover {
        max-width: 100%;
        max-height: 221px;
        height: auto;
        border: 3px solid #fdd700;
        border-style: inset;
        border-radius: 10%;
      }

      div.desc {
        padding: 0px;
        text-align: left;
        max-width: 100%;
      }

      div.desc3 {
        padding: 0px;
        text-align: left;
        max-width: 100%;
        min-height: 161px;
      }

      .responsive3 {
        padding: 0px 6px;
        float: left;
        width: 24.99999%;
      }

      @media only screen and (max-width: 1024px) {
        .responsive3 {
          width: 50%;
          margin: 6px 0;
        }
      }

      @media only screen and (max-width: 667px) {
        .responsive3 {
          width: 100%;
          margin: 6px 0;
        }
      }

      .clearfix:after {
        content: "";
        display: table;
        clear: both;
      }

h1 {
    margin-top: 0;
    margin-bottom: 0;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .navcontainer {
      padding:0;
      margin:0;
}