@import url(http://fonts.googleapis.com/css?family=Nunito:400,300,700);

/* @font-face
  {
    font-family: copperplatebold;
    font-weight: bold;
    src: url(fonts/CopperplateGothicStd-33BC.ttf) format("truetype");
  }

@font-face
  {
    font-family: copperplateboldIE;
    font-weight: bold;
    src: url(fonts/CopperplateGothicStd-33BC.eot);
  }
    
@font-face
  {
    font-family: copperplateregular;
    font-weight: normal;
    src: url(fonts/CopperplateGothicStd-31BC.ttf) format("truetype");
  }

@font-face
  {
    font-family: copperplateregularIE;
    font-weight: normal;
    src: url(fonts/CopperplateGothicStd-31BC.eot);
  } */

@font-face
  {
    font-family: noodlescript;
    font-weight: normal;
    src: url(fonts/NoodleScript.ttf) format("truetype");
  }

@font-face
  {
    font-family: noodlescriptIE;
    font-weight: normal;
    src: url(fonts/NoodleScript.eot);
  }

@font-face
  {
    font-family: nooshade;
    font-weight: bold;
    src: url(fonts/nooshade.ttf) format("truetype");
  }

@font-face
  {
    font-family: nooshadeIE;
    font-weight: bold;
    src: url(fonts/nooshade.eot);
  }


body {
  font-family: Arial, sans-serif;
  padding-top: 0px;
  padding-bottom: 70px;
  margin: 0;
  background-image: url("OdP5-neon-no-text.png");
  background-color: #b9f1c0;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
  background-size: cover;
  overflow-y: scroll;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tooltip {
  font-family: Arial, sans-serif;
}

.popover {
  font-family: Arial, sans-serif;
}


hr.style-one {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
}
a:focus {
  outline: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.btn {
  white-space: normal;
}
  
.imagefloat {
  margin-right: 1px; margin-left:auto; max-width: 250px;
}
  
.maincontent {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1em;
}

.sidecontent {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1em;
}

.col-pad {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
}

ul.nav {
  font-size: 1.4em;
  font-family: noodlescript, noodlescriptIE;
}


.foot-pad {
  padding-top: 10px;
  font-size: 1.4em;
  font-family: noodlescript, noodlescriptIE;
  text-align: center;
}

p.social a {
  color: #a1a1a1;
}

p.social a:hover {
  color: #666;
}

p.social-even a {
  color: #a1a1a1;
}

p.social-even a:hover {
  color: #666;
}

@media (min-width: 992px) {

.h1 {
  font-size: 30px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 10px;
}

.imagefloat {
margin-right: 1px; margin-left:auto; max-width: 240px;
}

.right {
  padding-left: 3em;
}

p.social-even a {
  color: #fff;
}
}

@media (min-width: 1200px) {

.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
}