/* CSS for responsive event pages */

/* Override standard Bootstrap behavior */
.navbar .nav li.open.dropdown > .dropdown-toggle {
    background-color: #fff;
    color: #555;
}

#uspsaboutlogo {
    margin: 16px 0;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
}

.hero-unit {
    padding: 10px;
}
.hero-unit img {
    width: 100%;
}

.buy-stamps-link {
    white-space: nowrap;
}

#pagefooter {
    background-color: #e0e0e0;
    margin-top: 10px;
}
#pagefooter .container {
    padding-top: 15px;
}
#pagefooter ul li {
    list-style-type: none;
    font-weight: bold;
    color: #444;
}
#pagefooter ul ul {
    margin-left: 0;
}
#pagefooter ul a {
    color: #444;
}
#pagefooter ul ul li {
    font-weight: normal;
    font-size: 11px;
}

/* Special for the landing page */

@media (min-width: 768px) {
  #landing #event-thumbs {
      margin-left: -2%;
  }
  #landing #event-thumbs li {
      width: 18%;
      margin-left: 1.9%;
  }
}

#landing #event-thumbs .thumbnail {
    text-align: center;
}
#landing #event-thumbs .thumbnail div {
    height: 100px;
    overflow: hidden;
}

/* Special for video pages */

#videowrapper {
    width: 100%;
    max-width: 100%;
}

#videocontainer {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}

#videocontainer iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#videocaption {
    font-style: italic;
    font-size: 10px;
}
/* Responsive usemap */
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

@media (min-width: 768px) and (max-width: 979px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 767px) {
    #pagefooter ul[class*="span"],
    #pagefooter p {
        margin-left: 5px;
    }
}