h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    text-shadow: none;
}
#outer-wrapper {
    background: #fff none repeat scroll 0 0;
    width: 100%;
}
#wrapper {
    padding-bottom: 0;
    width: 100%;
	overflow:hidden;
}
.main-header {
    background: #c13832 none repeat scroll 0 0;
    padding: 0;
    width: 100%;
}
.main-header h1 {
    display: block;
    float: left;
    margin: 50px auto 20px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.main-header h1 img {
    height: 82px;
    width: 313px;
}
#masthead {
    /*background: #6fbf4b none repeat scroll 0 0;*/
    padding: 0;
    width: 100%;
}
#masthead nav li a:link, #masthead nav li a:visited {
    color: #fff;
}

#logo{
	float:left;
	color:#fff;
	margin-left:0px;
	padding:15px 0px 0 0;
}
#logo a{
	color:#fff;
	float:left;
}

#logo a span{
	float:left;
	font-family: 'oswald';
	font-size:40px;
	padding:40px 0 0 10px;
}

.module .more-large {
    background: #f6f4ec none repeat scroll 0 0;
    border: 2px solid #e3e1d9;
    border-radius: 10px;
    display: inline-block;
    line-height: 1.3;
    margin: 20px auto;
    min-width: 200px;
    padding: 15px 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
.module .more-large:link, .module .more-large:visited {
    color: #0095dd;
}
.module .more-large:hover, .module .more-large:active, .module .more-large:focus {
    border: 2px solid #0095dd;
    cursor: pointer;
    text-decoration: none;
}
#firefox-download-section {
    background: #565a5c none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    position: relative;
}
#firefox-download-section header {
    float: left;
    padding: 0 20px 0 0;
    position: relative;
    vertical-align: middle;
    width: auto;
}
#firefox-download-section header a {
    display: block;
    width: 100%;
}
#firefox-download-section header a:hover, #firefox-download-section header a:active, #firefox-download-section header a:focus {
    text-decoration: none;
}
#firefox-download-section header h3, #firefox-download-section header h4 {
    float: left;
    vertical-align: middle;
}
#firefox-download-section header h3 {
    margin: 0;
    width: 300px;
}
#firefox-download-section header h3 img {
    vertical-align: top;
    width: 100%;
}
#firefox-download-section header h4 {
    color: #fff;
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.875rem;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.1;
    margin: 20px 0 0 40px;
    padding-bottom: 20px;
    width: 320px;
}
#firefox-download-section header h4 strong {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
}
#firefox-download-section .download-button-simple {
    float: right;
    margin: 30px 0 20px;
}
#firefox-download-section .download-button-simple .unsupported-download, #firefox-download-section .download-button-simple .download-other, #firefox-download-section .download-button-simple .download-other a {
    color: #fff;
}
#firefox-download-section .download-button-simple .download-subtitle {
    font-size: 1.125rem;
    text-shadow: none;
    text-transform: uppercase;
}
#firefox-download-section .download-button-simple .unsupported-download a:link, #firefox-download-section .download-button-simple .unsupported-download a:visited {
    color: #43c2ff;
}
#firefox-download-section .download-button-simple .unsupported-download a:hover, #firefox-download-section .download-button-simple .unsupported-download a:active, #firefox-download-section .download-button-simple .unsupported-download a:focus {
    color: #76d3ff;
}
#firefox-download-section .download-button-simple .os_android .download-subtitle, #firefox-download-section .download-button-simple .os_ios .download-subtitle {
    font-size: 1rem;
    margin-right: 0;
    text-align: center;
}
#firefox-download-section .download-button-simple .download-link {
    background: #689f2a none repeat scroll 0 0;
    box-shadow: none;
    filter: none;
}
#firefox-download-section .download-button-simple .download-link:hover, #firefox-download-section .download-button-simple .download-link:focus {
    background: #70ab2d none repeat scroll 0 0;
}
.html-rtl #firefox-download-section header {
    float: right;
    padding: 0 0 0 20px;
}
.html-rtl #firefox-download-section header h3 {
    float: right;
}
.html-rtl #firefox-download-section header h4 {
    float: right;
    margin: 20px 40px 0 0;
}
.html-rtl #firefox-download-section .download-button-simple {
    float: left;
    margin: 30px 0 20px;
}
#community {
    background: #c0413c none repeat scroll 0 0;
    color: #fff;
    text-align: center;
}
#community ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 60px 0 40px;
    position: relative;
    width: 100%;
}
#community ul::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#community ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 33.3%;
}
#community ul li .stat {
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-size: 2.625rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3;
    padding: 0 20px 0 62px;
    position: relative;
}
#community ul li .stat::before {
    color: #dfa09d;
    font-family: "FA-Icons-Home";
    height: 42px;
    left: 0;
    position: absolute;
    top: 0;
    width: 52px;
}
#community ul li .stat.organizations::before {
    content: "";
}
#community ul li .stat.contributors::before {
    content: "";
    height: 49px;
}
#community ul li .stat.countries::before {
    content: "";
    left: 10px;
}
#community ul li span {
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.25rem;
    font-style: italic;
    padding: 0 20px;
}
#community .contribute-btn {
    background: #0095dd none repeat scroll 0 0;
    border-radius: 10px;
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.3;
    margin: 0 auto 40px;
    padding: 20px 60px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
#community .contribute-btn:link, #community .contribute-btn:visited {
    color: #fff;
}
#community .contribute-btn:hover, #community .contribute-btn:active, #community .contribute-btn:focus {
    background: #fff none repeat scroll 0 0;
    color: #0095dd;
    cursor: pointer;
    text-decoration: none;
}
#upcoming-events {
    background: #f6f4ec none repeat scroll 0 0;
}
#upcoming-events .container {
    padding: 60px 0 40px;
    position: relative;
    text-align: center;
}
#upcoming-events .container h2 {
    color: #484848;
    font-size: 3.375rem;
    letter-spacing: -1px;
    margin-bottom: 80px;
    text-align: center;
}
#upcoming-events .container h4 {
    font-family: 'PT Sans', sans-serif;
}
#upcoming-events .inner-container {
    margin-bottom: 20px;
}
#upcoming-events .inner-container::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#upcoming-events .date-large {
    display: block;
    float: left;
    margin: 0 20px 0 0;
}
#upcoming-events .date-large::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#upcoming-events .date-large time {
    background: #c13832 none repeat scroll 0 0;
    border: 5px solid #c13832;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    height: 170px;
    line-height: 1.1;
    text-align: center;
    transition: background 0.1s ease-in-out 0s;
    width: 170px;
}
#upcoming-events .date-large time .date-month {
    display: block;
    font-size: 2rem;
    padding-top: 45px;
}
#upcoming-events .date-large time .date-day {
    display: block;
    font-size: 2.75rem;
}
#upcoming-events .date-large:hover time, #upcoming-events .date-large:focus time {
    background: #cd453f none repeat scroll 0 0;
}
#upcoming-events .event-info::before {
    color: #b1b1ad;
    display: inline-block;
    font-family: "FA-Icons-Home";
    text-align: center;
    width: 1.5em;
}
#upcoming-events .event-info.location {
    display: block;
    margin-top: 5px;
    position: relative;
}
#upcoming-events .event-info.location::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#upcoming-events .event-info.location::before {
    content: " ";
    left: 0;
    position: absolute;
    top: 0;
}
#upcoming-events .event-info.location p {
    float: left;
    margin: 0 0 0 20px;
}
#upcoming-events time.event-info::before {
    content: " ";
}
#upcoming-events .featured-event {
    display: block;
    margin-right: 0;
    text-align: left;
    width: 100%;
}
#upcoming-events .featured-event::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#upcoming-events .featured-event .event-detail {
    float: left;
    width: 740px;
}
#upcoming-events .featured-event .event-detail a {
    display: block;
}
#upcoming-events .featured-event .event-detail h3.next {
    color: #c13832;
    font-size: 1rem;
    font-style: italic;
}
#upcoming-events .featured-event .event-detail h3.next::after {
    content: ":";
}
#upcoming-events .featured-event .event-detail h4 {
    color: #565a5c;
    font-size: 1.75rem;
    line-height: 1.2;
}
#upcoming-events .featured-event .event-detail time, #upcoming-events .featured-event .event-detail p {
    color: #b1b1ad;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
}
#upcoming-events .featured-event .event-detail .event-info.location::before {
    font-size: 1.25rem;
}
#upcoming-events .featured-event .event-detail .event-info.location p {
    margin-left: 29px;
}
#upcoming-events .featured-event a:hover, #upcoming-events .featured-event a:active, #upcoming-events .featured-event a:focus {
    text-decoration: none;
}
#upcoming-events .featured-event a:hover h4, #upcoming-events .featured-event a:active h4, #upcoming-events .featured-event a:focus h4 {
    text-decoration: underline;
}
#upcoming-events .events-list {
    list-style-type: none;
    margin: 40px auto 0;
    padding: 0;
    text-align: left;
    width: 60%;
}
#upcoming-events .events-list li {
    margin: 0;
    padding: 0;
}
#upcoming-events .events-list li time {
    border: 2px solid #c13832;
    border-radius: 100%;
    color: #565a5c;
    display: block;
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    height: 40px;
    line-height: 1.1;
    padding: 10px 5px;
    text-align: center;
    width: 50px;
}
#upcoming-events .events-list li time .date-month {
    display: block;
    font-size: 0.875rem;
}
#upcoming-events .events-list li time .date-day {
    display: block;
    font-size: 1.5rem;
}
#upcoming-events .events-list li a {
    display: block;
    margin-bottom: 20px;
    position: relative;
}
#upcoming-events .events-list li a::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#upcoming-events .events-list li a:hover, #upcoming-events .events-list li a:active, #upcoming-events .events-list li a:focus {
    text-decoration: none;
}
#upcoming-events .events-list li a:hover h3, #upcoming-events .events-list li a:active h3, #upcoming-events .events-list li a:focus h3 {
    text-decoration: underline;
}
#upcoming-events .events-list .event-detail {
    margin: 0;
    padding: 0 20px 0 80px;
}
#upcoming-events .events-list .event-detail h3 {
    color: #565a5c;
    display: block;
    font-size: 1.375rem;
    line-height: 1.1;
    margin: 0;
    padding: 0;
}
#upcoming-events .events-list .event-detail p {
    color: #b1b1ad;
}
.html-rtl #upcoming-events .featured-event {
    margin-left: 40px;
    margin-right: 0;
    text-align: right;
}
.html-rtl #upcoming-events .featured-event .date-large {
    float: right;
    margin: 0 0 0 20px;
}
.html-rtl #upcoming-events .featured-event .event-detail {
    float: right;
}
.html-rtl #upcoming-events .featured-event .event-info.location p {
    margin-left: 0;
    margin-right: 29px;
}
.html-rtl #upcoming-events .events-list {
    text-align: right;
}
.html-rtl #upcoming-events .events-list .event-detail {
    padding: 0 80px 0 20px;
}
.html-rtl #upcoming-events .events-list li time {
    float: right;
}
.html-rtl #upcoming-events .event-info.location::before {
    left: auto;
    right: 0;
}
.html-rtl #upcoming-events .event-info.location p {
    float: right;
    margin-left: 0;
    margin-right: 20px;
}
#secondary-links {
    background: #fff none repeat scroll 0 0;
}
#secondary-links ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 60px 0 40px;
    position: relative;
    width: 100%;
}
#secondary-links ul::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#secondary-links ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 33.3%;
}
#secondary-links h2 {
    color: #484848;
    font-size: 1.5rem;
    padding-top: 100px;
    position: relative;
}
#secondary-links h2::before {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/secondary-icon-sprite-v2.6b0186f6e55c.png") no-repeat scroll center top;
    content: "";
    height: 84px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#secondary-links a {
    display: block;
    padding: 0 50px;
    text-align: center;
}
#secondary-links a.add-ons h2::before {
    background-position: center 0;
}
#secondary-links a.careers h2::before {
    background-position: center -86px;
}
#secondary-links a.help h2::before {
    background-position: center -172px;
}
#secondary-links a:hover, #secondary-links a:active, #secondary-links a:focus {
    text-decoration: none;
}
#secondary-links a:hover h2, #secondary-links a:active h2, #secondary-links a:focus h2 {
    text-decoration: underline;
}
#secondary-links p {
    color: #484848;
    font-size: 1rem;
    margin-top: 20px;
}
#newsletter-signup {
    background: #f6f4ec none repeat scroll 0 0;
}
#mozorg-newsletter-form, #newsletter-form {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    box-shadow: none;
    margin: 0 auto;
    padding: 0 0 40px;
    width: 650px;
}
#mozorg-newsletter-form .form-title, #newsletter-form .form-title {
    float: none;
    margin: 0;
    width: auto;
}
#mozorg-newsletter-form h3, #newsletter-form h3 {
    color: #484848;
    font-size: 2.875rem;
    letter-spacing: -1px;
    margin: 0;
    padding: 40px 0;
    text-align: center;
}
#mozorg-newsletter-form .form-contents, #newsletter-form .form-contents {
    margin: 0;
    width: 50%;
}
#mozorg-newsletter-form .form-contents input[type="email"], #newsletter-form .form-contents input[type="email"] {
    background: #fbf9f4 none repeat scroll 0 0;
    border: 2px solid #e1ddd3;
    border-radius: 7px;
    height: 32px;
    padding: 5px 10px;
}
#mozorg-newsletter-form .form-contents *::-moz-placeholder, #newsletter-form .form-contents *::-moz-placeholder {
    color: #e1ddd3;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    opacity: 1;
}
#mozorg-newsletter-form .form-submit, #newsletter-form .form-submit {
    margin: 0;
    width: 50%;
}
#mozorg-newsletter-form .form-submit input[type="submit"], #newsletter-form .form-submit input[type="submit"] {
    background: #0095dd none repeat scroll 0 0;
    border-radius: 7px;
    box-shadow: none;
    font-size: 1.125rem;
    font-weight: normal;
    min-height: 45px;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}
#mozorg-newsletter-form .form-submit input[type="submit"]:hover, #newsletter-form .form-submit input[type="submit"]:hover, #mozorg-newsletter-form .form-submit input[type="submit"]:focus, #newsletter-form .form-submit input[type="submit"]:focus {
    background: #00a6f7 none repeat scroll 0 0;
}
#mozorg-newsletter-form .privacy-check-label .title, #newsletter-form .privacy-check-label .title {
    padding: 0 20px 0 25px;
}
.newsletter-form.thank {
    background: transparent none repeat scroll 0 0;
    border-bottom: 0 none;
    box-shadow: none;
    margin: 0 auto;
    padding: 20px 0;
    width: 650px;
}
#colophon {
    /*background: #fafafa none repeat scroll 0 0;*/
	background:none;
    color: #bbb;
    margin: 0;
    /*padding-bottom: 80px !important;*/
}


@media not all, (min--moz-device-pixel-ratio: 1.5), not all, (min-resolution: 1.5dppx) {
#colophon .logo a {
    background-image: url("/media/img/sandstone/footer-mozilla-white-high-res.8f9230cd2f8c.png");
    background-size: 93px 24px;
}
}
#scroll-prompt {
    background: #56555b none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 1.125rem;
    height: 60px;
    left: 0;
    line-height: 60px;
    position: fixed;
    text-align: center;
    width: 100%;
}
#scroll-prompt::before {
    content: " ";
    font-family: "FA-Icons-Home";
}
@media only screen and (min-width: 1300px) {
.module .container, .main-header .container {
    width: 1260px;
}
.main-header h1 {
    margin: 50px auto;
}
#firefox-download-section header h3 {
    width: 380px;
}
#firefox-download-section header h4 {
    font-size: 2.125rem;
    margin: 20px 0 20px 100px;
    width: 450px;
}
.html-rtl #firefox-download-section header h4 {
    margin: 20px 100px 20px 0;
}
#upcoming-events .featured-event {
    float: left;
    margin-right: 40px;
    width: 760px;
}
#upcoming-events .featured-event .event-detail {
    width: 560px;
}
#upcoming-events .events-list {
    float: left;
    margin: 0;
    width: 460px;
}
.html-rtl #upcoming-events .featured-event {
    float: right;
}
.html-rtl #upcoming-events .events-list {
    float: right;
}
#mozorg-newsletter-form h3, #newsletter-form h3 {
    padding: 60px 0 40px;
    width: 100%;
}
}
@media only screen and (min-width: 1140px) and (max-width: 1299px) {
.module .container, .main-header .container {
    width: 1100px;
}
#firefox-download-section header h4 {
    margin-left: 80px;
    width: 370px;
}
.html-rtl #firefox-download-section header h4 {
    margin-left: 0;
    margin-right: 80px;
}
#upcoming-events .featured-event {
    float: left;
    width: 670px;
}
#upcoming-events .featured-event .event-detail {
    width: 450px;
}
#upcoming-events .events-list {
    float: left;
    margin: 0;
    width: 390px;
}
.html-rtl #upcoming-events .featured-event {
    float: right;
}
.html-rtl #upcoming-events .events-list {
    float: right;
}
}
@media only screen and (min-width: 980px) and (max-width: 1200px) {
	.module .container, .main-header .container, #colophon .row {
    width: 940px;
}
#colophon .col {
    float: left;
    margin: 0 10px;
    width: 130px;
}
#masthead .container {
    margin: 0 auto;
}

#colophon .col.col-6 {
    border-left: 1px solid #14bcbc;
    float: left;
    text-align: right;
}


.module .container, .main-header .container, #colophon .row {
    width: auto;
}
}
@media only screen and (min-width: 980px) and (max-width: 1000px) {
	#colophon{
	height:120px;
}
}
@media only screen and (min-width: 1001px) and (max-width: 1400px) {
	#colophon{
	height:140px;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1920px) {
	#colophon{
	height:140px;
}
}
@media only screen and (min-width: 1921px) and (max-width: 2570px) {
	#colophon{
	height:140px;
}
}
@media only screen and (min-width: 820px) and (max-width: 979px) {
#masthead {

    padding: 0;
}
#masthead .container {
    margin: 0 20px;
    width: auto;
}
#colophon{
	height:120px;
}
.module .container, .main-header .container, #colophon .row {
    width: 100%;
}
#colophon .col {
    float: left;
    margin: 0 10px;
    width: 110px;
}
#firefox-download-section header h3 {
    width: 300px;
}
#firefox-download-section header h4 {
    display: none;
}
#firefox-download-section .download-button-simple {
    margin: 20px 0;
}
#upcoming-events .featured-event {
    margin-right: 0;
    width: 100%;
}
#upcoming-events .featured-event .event-detail {
    width: 580px;
}
#upcoming-events .events-list {
    margin-top: 40px;
    width: 70%;
}
#mozorg-newsletter-form .form-title, #newsletter-form .form-title {
    float: none;
    padding: 40px 0;
    width: auto;
}
#mozorg-newsletter-form .form-contents, #newsletter-form .form-contents, #mozorg-newsletter-form .form-submit, #newsletter-form .form-submit {
    margin: 0;
    width: 50%;
}
}
@media only screen and (max-width: 819px) {
#firefox-download-section header h3, .html-rtl #firefox-download-section header h3 {
    width: 300px;
}
#firefox-download-section header h4, .html-rtl #firefox-download-section header h4 {
    display: none;
}
#firefox-download-section .download-button-simple, .html-rtl #firefox-download-section .download-button-simple {
    margin: 20px 0;
}
#secondary-links ul, #community ul {
    padding: 60px 0 40px;
    width: 100%;
}
#secondary-links ul li, #community ul li {
    float: none;
    margin: 0 auto 40px;
    width: 100%;
}
#secondary-links .contribute, #community .contribute {
    width: auto;
}
#secondary-links a {
    padding: 0;
}
#mozorg-newsletter-form, #newsletter-form {
    width: 100%;
}
#mozorg-newsletter-form .form-contents, #newsletter-form .form-contents {
    width: 100%;
}
#mozorg-newsletter-form .form-contents input[type="email"], #newsletter-form .form-contents input[type="email"] {
    box-sizing: border-box;
    height: 44px;
    width: 100%;
}
#mozorg-newsletter-form .form-submit, #newsletter-form .form-submit {
    width: 100%;
}
#mozorg-newsletter-form .form-submit input[type="submit"], #newsletter-form .form-submit input[type="submit"] {
    width: 100%;
}
.newsletter-form.thank {
    width: 100%;
}
}
@media only screen and (min-width: 660px) and (max-width: 819px) {
#masthead {
    padding: 0;
}
#masthead .container {
    left: 5px;
}
.module .container, .main-header .container {
    width: 620px;
}
.innerFooter{
	width:100%;
}
#colophon .col {
    float: left;
    margin: 0 10px;
    width: 185px;
}
#upcoming-events .container h2 {
    margin-bottom: 40px;
}
#upcoming-events .featured-event {
    margin-right: 0;
    width: 100%;
}
#upcoming-events .featured-event .event-detail {
    width: 420px;
}
#upcoming-events .events-list {
    margin-top: 40px;
    width: 100%;
}
}
@media only screen and (min-width: 500px) and (max-width: 659px) {
#masthead {
    padding: 0;
}
#masthead .container {
    padding-left: 5px;
}

#logo a img {
    float: right;
    max-width: 28%;
    width: auto;
}
#logo a span {
    float: left;
    font-family: 'oswald';
    font-size: 40px;
    padding: 40px 0 0 0;
}
#searchfield{
	display:none;
}
.topLeftMenu{
	position:absolute;
	width:auto;
}
.module .container, .main-header .container, #colophon .row {
    width: 100%;
	margin:0 auto;
}
.main-header h1 img {
    height: auto;
    width: 260px;
}
#firefox-download-section, .html-rtl #firefox-download-section {
    text-align: center;
}
#firefox-download-section header, .html-rtl #firefox-download-section header {
    float: none;
    padding: 0;
}
#firefox-download-section header h3, .html-rtl #firefox-download-section header h3 {
    display: inline-block;
    float: none;
    width: 300px;
}
#firefox-download-section .download-button, .html-rtl #firefox-download-section .download-button {
    float: none;
    margin: 20px auto;
}
#community .contribute-btn {
    padding: 20px;
    width: 320px;
}
#upcoming-events .container h2 {
    margin-bottom: 40px;
}
#upcoming-events .featured-event {
    margin-right: 0;
    width: 100%;
}
#upcoming-events .featured-event .date-large {
    display: none;
}
#upcoming-events .featured-event .event-detail {
    float: none;
    margin-top: 20px;
    width: 100%;
}
#upcoming-events .events-list {
    margin-top: 40px;
    width: 100%;
}

}
@media only screen and (min-width: 660px) and (max-width: 750px) {
	
#logo a img {
    float: left;
    max-width: 20%;
    width: auto;
}
#logo a span{
	font-size:40px;
	padding:40px 0 0 0px;
}
.topLeftMenu{
	width:245px;
	float:right;
}

#masthead nav li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
}
#masthead nav li a, #masthead nav li b {
    display: inline-block;
    font-weight: normal;
    padding: 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.topLeftMenu {
    float: right;
    width: 210px;
}
#logo a img {
    float: left;
    max-width: 35%;
    width: auto;
}
#logo a span{
	font-size:40px;
	padding:40px 0 0 0px;
}
.searchwrapper{
	width: 210px;
}
#colophon .col.col-6 {
    border-top: 1px solid #14bcbc;
	border-left: none;
    float: left;
    text-align: left;
}
}
@media only screen and (min-width: 820px) and (max-width: 980px){
	#colophon .col.col-6 {
    border-left: none;
	border-top: none;
    float: left;
    text-align: left;
}
}
@media only screen and (max-width: 499px) {
#masthead {
    padding: 0;
}
#masthead .container {
    padding-left: 5px;
    padding-top: 30px;
}
.module .container, .main-header .container {
    width: 300px;
}
.main-header h1 img {
    height: 68px;
    width: 260px;
}
#firefox-download-section, .html-rtl #firefox-download-section {
    text-align: center;
}
#firefox-download-section header, .html-rtl #firefox-download-section header {
    float: none;
    padding: 0;
}
#firefox-download-section header h3, .html-rtl #firefox-download-section header h3 {
    display: inline-block;
    float: none;
    width: 280px;
}
#firefox-download-section .download-button, .html-rtl #firefox-download-section .download-button {
    float: none;
    margin: 20px auto;
}
#community .contribute-btn {
    padding: 20px 10px;
    width: 200px;
}
#upcoming-events .container h2 {
    font-size: 2.625rem;
    margin-bottom: 40px;
}
#upcoming-events .featured-event {
    margin-right: 0;
    width: 100%;
}
#upcoming-events .featured-event .date-large {
    display: none;
}
#upcoming-events .featured-event .event-detail {
    float: none;
    margin-top: 20px;
    width: 100%;
}
#upcoming-events .featured-event .event-detail h4 {
    font-size: 1.5rem;
}
#upcoming-events .featured-event .event-detail time, #upcoming-events .featured-event .event-detail .event-info p {
    font-size: 1.125rem;
}
#upcoming-events .events-list {
    margin-top: 40px;
    width: 100%;
}
#upcoming-events .all-events {
    width: auto;
}
#mozorg-newsletter-form h3, #newsletter-form h3 {
    font-size: 2.625rem;
}
}
@media only screen and (max-width: 760px) {
#masthead nav li a:link, #masthead nav li a:visited {
    color: #484848;
}
}
@font-face {
    font-family: "FA-Icons-Home";
    font-style: normal;
    font-weight: normal;
    src: url("/media/fonts/icons-home.1d508188707b.eot?12-2014#iefix") format("embedded-opentype"), url("/media/fonts/icons-home.9d4a81392eab.woff?12-2014") format("woff"), url("/media/fonts/icons-home.bd79bbf8f21b.ttf?12-2014") format("truetype");
}
.promo-grid-wrapper {
    background: #fff none repeat scroll 0 0;
    /*overflow: hidden;*/
    min-height: 350px;
    position: relative;
    width: 100%;
    z-index: 0;
}

.promo-grid-inner {
    margin: 0 auto;
    padding: 0px 0 0;
    position: relative;
    width: 100%;
	/*left:5px;
    z-index: 1;*/
}
/*.faces-grid-inner {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 50%;
    margin-left: -630px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 1260px;
    z-index: -1;
}
*/
.faces-grid-inner {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 50%;
    margin-left: -630px;
    overflow: hidden;
    position: absolute;
    top:0px;
    /*width: 1260px;*/
    z-index: -11;
}

.promo-grid {
    /*height: 960px;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.promo-grid::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.promo-grid .item {
    background: #bbb none repeat scroll 0 0;
    color: #fff;
    margin: 0 20px 0px 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.promo-grid #promo-1 {
    left: 0;
    top: 0;
}
.promo-grid #promo-2 {
    left: 320px;
    top: 0;
}
.promo-grid #promo-3 {
    left: 640px;
    top: 0px;
}
.promo-grid #promo-4 {
    left: 0px;
    top: 160px;
}
.promo-grid #promo-5 {
    left: 160px;
	top: 160px;
}
.promo-grid #promo-6 {
    left: 320px;
    top: 160px;
}
.promo-grid #promo-7 {
    left: 0;
    top: 320px;
}
.promo-grid #promo-8 {
    left: 0;
    top: 480px;
}
.promo-grid #promo-9 {
    left: 320px;
    top: 480px;
}
.promo-grid #promo-10 {
    left: 320px;
    top: 640px;
}
.promo-grid #promo-11 {
    left: 480px;
    top: 640px;
}
.promo-grid #promo-12 {
    left: 640px;
    top: 640px;
}
.promo-grid #promo-13 {
    left: 800px;
    top: 640px;
}
.promo-grid #promo-14 {
    left: 320px;
    top: 1120px;
}
.promo-grid #promo-15 {
    left: 480px;
    top: 1120px;
}
.promo-grid #promo-16 {
    left: 640px;
    top: 1120px;
}
.promo-large-landscape, .promo-large-portrait {
    transform: translateZ(0px);
    z-index: 0;
}
.promo-large-landscape a.panel-link, .promo-large-portrait a.panel-link {
    border: 5px solid transparent;
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: border 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.3s;
    visibility: hidden;
    z-index: 2;
}
.promo-large-landscape a.panel-link:hover, .promo-large-portrait a.panel-link:hover, .promo-large-landscape a.panel-link:active, .promo-large-portrait a.panel-link:active, .promo-large-landscape a.panel-link:focus, .promo-large-portrait a.panel-link:focus {
    cursor: pointer;
    text-decoration: none;
}
.promo-large-landscape a.panel-link:focus p.more, .promo-large-portrait a.panel-link:focus p.more {
    border-color: #fff;
}
.promo-large-landscape .primary, .promo-large-portrait .primary {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0.3s, visibility 0s ease-in-out 0.3s;
    visibility: visible;
}
.promo-large-landscape .secondary, .promo-large-portrait .secondary {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.3s;
    visibility: hidden;
}
.promo-large-landscape.show a.panel-link, .promo-large-portrait.show a.panel-link {
    border: 5px solid rgba(0, 0, 0, 0.1);
    transition: border 0.3s ease-in-out 0s, visibility 0s ease-in-out 0s;
    visibility: visible;
}
.promo-large-landscape.show .primary, .promo-large-portrait.show .primary {
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s, visibility 0s ease-in-out 0.3s;
    visibility: hidden;
}
.promo-large-landscape.show .secondary, .promo-large-portrait.show .secondary {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0.3s, visibility 0s ease-in-out 0.3s;
    visibility: visible;
}
.promo-large-landscape h2, .promo-large-portrait h2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 2.5rem;
    letter-spacing: -1px;
    line-height: 1.1;
    padding: 80px 20px 0;
    position: relative;
    text-align: center;
}
.promo-large-landscape h2.go::after, .promo-large-portrait h2.go::after {
    border: 2px solid #fff;
    border-radius: 100%;
    bottom: -60px;
    color: #fff;
    content: "";
    font-family: "FA-Icons-Home";
    font-size: 2.125rem;
    height: 38px;
    left: 50%;
    line-height: 38px;
    margin-left: -20px;
    opacity: 0.6;
    position: absolute;
    text-indent: 2px;
    width: 38px;
}
.promo-large-landscape h3, .promo-large-portrait h3 {
    font-family: 'PT Sans', sans-serif;
    font-size: 1.8125rem;
    letter-spacing: -1px;
    line-height: 1.3;
    margin-bottom: 30px;
    padding: 40px 20px 0;
    text-align: center;
}
.promo-large-landscape p.more, .promo-large-portrait p.more {
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-size: 0.875rem;
    margin: 0 20px;
    min-width: 80px;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: border-color 0.2s ease-in-out 0s;
}
.promo-large-landscape p.more:hover, .promo-large-portrait p.more:hover {
    border-color: #fff;
}
html[lang|="en"] .promo-large-landscape h3, html[lang|="en"] .promo-large-portrait h3 {
    font-size: 2rem;
}
.no-js .promo-large-landscape a.panel-link, .no-js .promo-large-portrait a.panel-link {
    visibility: visible;
}
.no-js .promo-large-landscape a.panel-link:hover, .no-js .promo-large-portrait a.panel-link:hover, .no-js .promo-large-landscape a.panel-link:focus, .no-js .promo-large-portrait a.panel-link:focus {
    border: 5px solid rgba(0, 0, 0, 0.1);
}
.no-js .promo-large-landscape .primary, .no-js .promo-large-portrait .primary {
    opacity: 0;
    visibility: hidden;
}
.no-js .promo-large-landscape .secondary, .no-js .promo-large-portrait .secondary {
    opacity: 1;
    visibility: visible;
}
.promo-grid.has-touch .promo-large-landscape, .promo-grid.has-touch .promo-large-portrait {
    z-index: 0;
}
.promo-grid.has-touch .promo-large-landscape a.panel-link, .promo-grid.has-touch .promo-large-portrait a.panel-link {
    transition: border 0.3s ease-in-out 0s;
}
.promo-grid.has-touch .promo-large-landscape .primary, .promo-grid.has-touch .promo-large-portrait .primary {
    transition: opacity 0.3s ease-in-out 0s;
}
.promo-grid.has-touch .promo-large-landscape .primary.fadeout, .promo-grid.has-touch .promo-large-portrait .primary.fadeout {
    opacity: 0;
}
.promo-grid.has-touch .promo-large-landscape .secondary, .promo-grid.has-touch .promo-large-portrait .secondary {
    transition: opacity 0.3s ease-in-out 0s;
}
.promo-grid.has-touch .promo-large-landscape .secondary.fadein, .promo-grid.has-touch .promo-large-portrait .secondary.fadein {
    opacity: 1;
}
.promo-grid.has-touch .promo-large-landscape.show-touch a.panel-link, .promo-grid.has-touch .promo-large-portrait.show-touch a.panel-link {
    border: 5px solid rgba(0, 0, 0, 0.1);
}
.promo-grid.has-touch .promo-large-landscape:hover, .promo-grid.has-touch .promo-large-portrait:hover {
    cursor: pointer;
}
.promo-large-portrait {
    height: 460px !important;
    position: relative;
    width: 300px;
}
.promo-small-portrait {
    height: 300px;
    position: relative;
    width: 140px;
}
.promo-large-portrait h3 {
    padding: 60px 20px 0;
}
.promo-large-landscape {
    height: 300px !important;
    position: relative;
    width: 620px;
}
.promo-small-landscape {
    height: 140px;
    overflow: hidden;
    position: relative;
    width: 300px;
}
.promo-small-landscape h2 {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.375rem;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0;
    text-shadow: none;
}
.promo-small-landscape a.panel-link {
    border: 5px solid transparent;
    color: #fff;
    display: block;
    height: 130px;
    overflow: hidden;
    transition: border 0.3s ease-in-out 0s;
    width: 290px;
}
.promo-small-landscape a.panel-link:hover, .promo-small-landscape a.panel-link:active, .promo-small-landscape a.panel-link:focus {
    border: 5px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.promo-small-landscape a.panel-link:hover h2, .promo-small-landscape a.panel-link:active h2, .promo-small-landscape a.panel-link:focus h2 {
    text-decoration: underline;
}
.promo-med-landscape {
    height: 140px;
    overflow: hidden;
    position: relative;
    width: 460px;
}
.promo-med-landscape h2 {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.375rem;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0;
    text-shadow: none;
}
.promo-med-landscape a.panel-link {
    border: 5px solid transparent;
    color: #fff;
    display: block;
    height: 130px;
    overflow: hidden;
    transition: border 0.3s ease-in-out 0s;
    width: 450px;
}
.promo-small-portrait a.panel-link {
    border: 5px solid transparent;
    color: #fff;
    display: block;
    height: 300px;
    overflow: hidden;
    transition: border 0.3s ease-in-out 0s;
    width: 140px;
}
.promo-med-landscape a.panel-link:hover, .promo-med-landscape a.panel-link:active, .promo-med-landscape a.panel-link:focus {
    border: 5px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.promo-med-landscape a.panel-link:hover h2, .promo-med-landscape a.panel-link:active h2, .promo-med-landscape a.panel-link:focus h2 {
    text-decoration: underline;
}
.promo-face {
    height: 140px;
    position: relative;
    width: 140px;
    z-index: 0;
}
.promo-face a {
    border: 5px solid transparent;
    cursor: pointer;
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: 120%;
    transition: border 0.3s ease-in-out 0s;
    white-space: nowrap;
    width: 130px;
    z-index: 2;
}
.promo-face a:hover, .promo-face a:focus {
    border: 5px solid rgba(0, 0, 0, 0.2);
}
.promo-face .face-outer {
    height: 140px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 140px;
    z-index: -1;
}
.promo-face .face {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.promo-face .face.face-01 {
	background:url(../images/kid-face.jpg) no-repeat left top;
}
.promo-face .face.face-02 {
	background:url(../images/kid-face2.jpg) no-repeat left top;
}
.promo-face .face.face-03 {
    background-position: 0 -284px;
}
.promo-face .face.face-04 {
    background-position: 0 -426px;
}
.promo-face .face.face-05 {
    background-position: 0 -568px;
}
.promo-face .face.face-06 {
    background-position: 0 -710px;
}
.promo-face .face.face-07 {
    background-position: 0 -852px;
}
.promo-face .face.face-08 {
    background-position: 0 -994px;
}
.promo-face .face.face-09 {
    background-position: 0 -1136px;
}
.promo-face .face.face-10 {
    background-position: 0 -1278px;
}
.promo-face .face.face-11 {
    background-position: 0 -1420px;
}
.promo-small-landscape.firefox-download {
    background: #6fbe4a none repeat scroll 0 0;
}
.promo-small-landscape.firefox-download h2 {
    left: 10px;
    position: absolute;
    text-align: center;
    top: 15px;
    transition: left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;
    width: 55%;
}
.promo-small-landscape.firefox-download h2.go::after {
    border: 2px solid #fff;
    border-radius: 100%;
    bottom: -48px;
    content: "";
    font-family: "FA-Icons-Home";
    font-size: 1.875rem;
    height: 38px;
    left: 50%;
    margin-left: -20px;
    opacity: 0.6;
    position: absolute;
    width: 38px;
}
.promo-small-landscape.firefox-download.show h2 {
    left: -300px;
}
.promo-small-landscape.firefox-download.show img {
    right: -200px;
}
.promo-small-landscape.firefox-download.show .secondary {
    opacity: 1;
    transition: visibility 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.3s;
    visibility: visible;
}
.promo-small-landscape.firefox-download img {
    position: absolute;
    right: -65px;
    top: -10px;
    transition: right 0.3s ease-in-out 0s;
}
.promo-small-landscape.firefox-download .primary {
    padding: 20px;
    position: relative;
}
.promo-small-landscape.firefox-download .secondary {
    border: 5px solid rgba(0, 0, 0, 0.1);
    height: 100px;
    left: 0;
    opacity: 0;
    padding: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 260px;
}
.promo-small-landscape.firefox-download .secondary .download-link {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #91d239;
    border-radius: 10px;
    box-shadow: none;
    filter: none;
}
.promo-small-landscape.firefox-download .secondary .download-link .download-content {
    padding: 20px;
}
.promo-small-landscape.firefox-download .secondary .download-link .download-subtitle {
    font-size: 0.875rem;
    margin: 0;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
}
.promo-small-landscape.firefox-download .secondary .download-link:hover, .promo-small-landscape.firefox-download .secondary .download-link:focus {
    border-color: #fff;
}
.promo-small-landscape.firefox-download .secondary .download-other {
    color: #4c781c;
    font-size: 0.625rem;
    margin-top: 11px;
    text-align: center;
}
.promo-small-landscape.firefox-download .secondary .download-other a:link, .promo-small-landscape.firefox-download .secondary .download-other a:visited {
    color: #4c781c;
    transition: color 0.1s ease-in-out 0s;
}
.promo-small-landscape.firefox-download .secondary .download-other a:active, .promo-small-landscape.firefox-download .secondary .download-other a:hover, .promo-small-landscape.firefox-download .secondary .download-other a:focus {
    color: #fff;
}
.promo-small-landscape.firefox-download .secondary .download-other.download-other-desktop {
    display: block !important;
}
.ios .promo-small-landscape.firefox-download .secondary .download-other.download-other-desktop {
    display: none !important;
}
.promo-small-landscape.firefox-download .secondary .ios-download, .promo-small-landscape.firefox-download .secondary .linux-arm-download, .promo-small-landscape.firefox-download .secondary .unsupported-download {
    color: #4c781c;
}
.promo-small-landscape.firefox-download .secondary .ios-download a:link, .promo-small-landscape.firefox-download .secondary .linux-arm-download a:link, .promo-small-landscape.firefox-download .secondary .unsupported-download a:link, .promo-small-landscape.firefox-download .secondary .ios-download a:visited, .promo-small-landscape.firefox-download .secondary .linux-arm-download a:visited, .promo-small-landscape.firefox-download .secondary .unsupported-download a:visited {
    color: #fff;
}
.promo-small-landscape.firefox-download .secondary .ios-download a:active, .promo-small-landscape.firefox-download .secondary .linux-arm-download a:active, .promo-small-landscape.firefox-download .secondary .unsupported-download a:active, .promo-small-landscape.firefox-download .secondary .ios-download a:hover, .promo-small-landscape.firefox-download .secondary .linux-arm-download a:hover, .promo-small-landscape.firefox-download .secondary .unsupported-download a:hover, .promo-small-landscape.firefox-download .secondary .ios-download a:focus, .promo-small-landscape.firefox-download .secondary .linux-arm-download a:focus, .promo-small-landscape.firefox-download .secondary .unsupported-download a:focus {
    text-decoration: underline;
}
.promo-small-landscape.firefox-download .secondary .download-dumb .download-heading {
    text-align: center;
}
.promo-small-landscape.firefox-download .secondary .download-dumb ul {
    margin-top: 10px;
    text-align: center;
}
.promo-small-landscape.firefox-download .secondary .download-dumb .button-green {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    box-shadow: none;
    color: #4c781c;
    font-weight: normal;
    margin: 0 0.5em;
    min-width: 0;
    padding: 0;
    text-align: left;
    text-shadow: none;
}
.promo-small-landscape.firefox-download .secondary .download-dumb .button-green:link, .promo-small-landscape.firefox-download .secondary .download-dumb .button-green:visited {
    color: #4c781c;
    transition: color 0.1s ease-in-out 0s;
}
.promo-small-landscape.firefox-download .secondary .download-dumb .button-green:hover, .promo-small-landscape.firefox-download .secondary .download-dumb .button-green:focus {
    color: #fff;
    text-decoration: underline;
}
.promo-small-landscape.firefox-download .secondary .fxos-link {
    border: 2px solid #91d239;
    border-radius: 10px;
    display: none;
    margin-top: 15px;
    min-width: 180px;
    padding: 10px;
    transition: border 0.2s ease-in-out 0s;
}
.promo-small-landscape.firefox-download .secondary .fxos-link:link, .promo-small-landscape.firefox-download .secondary .fxos-link:visited {
    color: #fff;
}
.promo-small-landscape.firefox-download .secondary .fxos-link:hover, .promo-small-landscape.firefox-download .secondary .fxos-link:focus {
    border: 2px solid #fff;
    text-decoration: none;
}
.html-rtl .promo-small-landscape.firefox-download h2 {
    left: auto;
    right: 125px;
}
.html-rtl .promo-small-landscape.firefox-download.show h2 {
    left: auto;
    right: 300px;
}
.fxos.js .promo-small-landscape.firefox-download .fxos-link {
    display: inline-block;
}
.fxos.js .promo-small-landscape.firefox-download .download-other.download-other-desktop {
    display: none !important;
}
html[lang|="en"] .promo-small-landscape.firefox-download .secondary .download-link .download-subtitle {
    font-size: 1.125rem;
}
html[lang|="en"] .promo-small-landscape.firefox-download .secondary .os_android .download-link .download-subtitle, html[lang|="en"] .promo-small-landscape.firefox-download .secondary .os_ios .download-link .download-subtitle {
    font-size: 0.875rem;
}
.no-js .promo-small-landscape.firefox-download .primary {
    display: none;
}
.no-js .promo-small-landscape.firefox-download .secondary {
    border: 5px solid transparent;
    opacity: 1;
    transition: border 0.3s ease-in-out 0s;
    visibility: visible;
}
.no-js .promo-small-landscape.firefox-download .secondary:hover, .no-js .promo-small-landscape.firefox-download .secondary:focus {
    border: 5px solid rgba(0, 0, 0, 0.1);
}
.promo-grid.has-touch .promo-small-landscape.firefox-download.show-touch .primary.out h2 {
    left: -300px;
}
.promo-grid.has-touch .promo-small-landscape.firefox-download.show-touch .primary.out img {
    right: -200px;
}
.promo-grid.has-touch .promo-small-landscape.firefox-download.show-touch .secondary {
    transition: border 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
}
.promo-grid.has-touch .promo-small-landscape.firefox-download.show-touch .secondary.fadein {
    opacity: 1;
}
.promo-small-landscape.privacy {
    background-color: #aeb1ce;
    background-image: url("/media/img/home/voices/promos/privacy/privacy.75446d74df74.png");
    background-position: -30px bottom;
    background-repeat: no-repeat;
    background-size: 121px 120px;
}
.promo-small-landscape.privacy h2 {
    padding: 10px 10px 10px 100px;
}
html[lang|="en"] .promo-small-landscape.privacy {
    background-position: left bottom;
}
html[lang|="en"] .promo-small-landscape.privacy h2 {
    padding: 21px 10px 10px 135px;
}
.promo-small-landscape.join {
    background-color: #14bcbc;
/*    background-image: url("/media/img/home/voices/promos/advocacy/advocacy-logo.45ed6131fdb1.png");
    background-position: 15px 20px;
    background-repeat: no-repeat;
    background-size: 100px 100px;*/
}
.promo-small-landscape.join h2 {
    font-size: 1rem;
    padding: 20px 10px 10px 125px;
}
[lang|="en"] .promo-small-landscape.join h2 {
    font-size: 1.375rem;
}
.promo-small-landscape.volunteer {
    background-color: #ec1365;
/*    background-image: url("/media/img/home/voices/promos/advocacy/advocacy-logo.45ed6131fdb1.png");
    background-position: 15px 20px;
    background-repeat: no-repeat;
    background-size: 100px 100px;*/
}
.promo-small-landscape.volunteer h2 {
    font-size: 1rem;
    padding: 20px 10px 10px 125px;
}
[lang|="en"] .promo-small-landscape.volunteer h2 {
    font-size: 1.375rem;
}
.promo-small-landscape.donate {
    background-color: #f15a25;
/*    background-image: url("/media/img/home/voices/promos/advocacy/advocacy-logo.45ed6131fdb1.png");
    background-position: 15px 20px;
    background-repeat: no-repeat;
    background-size: 100px 100px;*/
}
.promo-small-landscape.donate h2 {
    font-size: 1rem;
    padding: 20px 10px 10px 125px;
}
[lang|="en"] .promo-small-landscape.donate h2 {
    font-size: 1.375rem;
}
.promo-small-landscape.appmaker {
    background-color: #5e6ba1;
    background-image: url("/media/img/home/voices/promos/appmaker/appmaker-logo.0ad19fbc0aa9.png");
    background-position: 5px 15px;
    background-repeat: no-repeat;
    background-size: 78px 100px;
}
.promo-small-landscape.appmaker h2 {
    padding: 10px 10px 10px 95px;
}
html[lang|="en"] .promo-small-landscape.appmaker {
    background-position: 15px 15px;
}
html[lang|="en"] .promo-small-landscape.appmaker h2 {
    padding: 34px 20px 20px 120px;
}
/*.promo-small-landscape.volunteer {
    background-color: #56565a;
    background-image: url("/media/img/home/voices/promos/volunteer/volunteer.a855ce76b5e6.png");
    background-position: 15px 25px;
    background-repeat: no-repeat;
    background-size: 100px 86px;
}
.promo-small-landscape.volunteer h2 {
    padding: 10px 10px 10px 125px;
}
html[lang|="en"] .promo-small-landscape.volunteer h2 {
    padding: 34px 20px 20px 135px;
}*/
.promo-large-portrait.mission, .promo-large-landscape.mission {
    background: #0c99d5 none repeat scroll 0 0;
}
.promo-large-portrait.mission h3, .promo-large-landscape.mission h3 {
    padding-top: 60px;
}
.promo-large-landscape.webmaker {
    background: #e14164 none repeat scroll 0 0;
}
.promo-large-landscape.webmaker h2 {
    background-image: url("/media/img/home/voices/promos/webmaker/webmaker-logo.460314abe8b0.svg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    margin-top: 20px;
    padding: 110px 20px 0;
}
.promo-small-landscape.webmaker {
    background: #0ad none repeat scroll 0 0;
}
.promo-small-landscape.webmaker h2 {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/promos/webmaker/webmaker-teacher.861989908cac.svg") no-repeat scroll 15px 35px / 95px 64px;
    min-height: 64px;
    padding: 30px 20px 10px 140px;
}
.promo-small-landscape.introducing-webmaker {
    background: #0ad none repeat scroll 0 0;
}
.promo-small-landscape.violetbg {
    background: #896696 none repeat scroll 0 0;
	margin-top:20px;
}
.promo-large-portrait.redbg {
    background: #ce5d8d none repeat scroll 0 0;
}
.promo-med-landscape.bluebg {
    background: #70aeca none repeat scroll 0 0;
}
.promo-small-portrait.greenbg {
    background: #55b3b2 none repeat scroll 0 0;
}
.promo-small-landscape.introducing-webmaker h2 {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/promos/webmaker/webmaker-logo.460314abe8b0.svg") no-repeat scroll 15px 15px / 100px 100px;
    font-size: 1.125rem;
    min-height: 64px;
    padding: 30px 20px 20px 140px;
}
html[lang|="en"] .promo-large-landscape.webmaker h3 {
    padding: 60px 20px 0;
}
html[lang|="en"] .promo-small-landscape.introducing-webmaker h2 {
    font-size: 1.25rem;
    padding-top: 25px;
}
.promo-large-landscape.support {
    background: #e55525 none repeat scroll 0 0;
}
.promo-large-landscape.support h2 {
    background-image: url("/media/img/home/voices/promos/sumo/sumo.f28e30521db8.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 94px 94px;
    margin-top: 40px;
    padding: 100px 20px 0;
}
.promo-small-landscape.thimble {
    background-color: #2d9961;
}
.promo-small-landscape.thimble h2 {
    background-image: url("/media/img/home/panel/thimble/mozilla-thimble.2291a5b859ec.png");
    background-repeat: no-repeat;
    height: 75px;
    margin: 20px 10px;
    padding: 0 0 0 85px;
}
@media not all, (min--moz-device-pixel-ratio: 1.5), not all, (min-resolution: 1.5dppx) {
.promo-small-landscape.thimble h2 {
    background-image: url("/media/img/home/panel/thimble/mozilla-thimble-high-res.987d9aa2b42f.png");
    background-size: 69px 75px;
}
}
[lang|="en"] .promo-small-landscape.thimble h2 {
    margin: 25px 20px;
    padding: 8px 0 0 85px;
}
.html-rtl .promo-small-landscape.thimble h2 {
    background-position: 100% center;
    padding: 8px 85px 0 0;
    text-align: right;
}
.promo-small-landscape.smarton-tracking {
    background-color: #821c76;
}
.promo-small-landscape.smarton-tracking h2 {
    background-image: url("/media/img/home/voices/promos/smarton/smarton-tracking.eb18ada48510.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 1rem;
    margin: 20px 10px 0;
    min-height: 60px;
    padding: 15px 0 20px 110px;
}
@media not all, (min--moz-device-pixel-ratio: 1.5), not all, (min-resolution: 1.5dppx) {
.promo-small-landscape.smarton-tracking h2 {
    background-image: url("/media/img/home/voices/promos/smarton/smarton-tracking-high-res.afd914bc1945.png");
    background-size: 95px 95px;
}
}
[lang|="en"] .promo-small-landscape.smarton-tracking h2 {
    font-size: 1.375rem;
}
.html-rtl .promo-small-landscape.smarton-tracking h2 {
    background-position: right center;
    padding: 15px 110px 20px 0;
    text-align: right;
}
.promo-large-landscape.gear {
    background: #6fbe4a none repeat scroll 0 0;
}
.promo-large-landscape.gear h2 {
    background-image: url("/media/img/home/voices/promos/gear/gear.2ffd5026f445.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 75px 80px;
    margin-top: 25px;
    padding: 100px 20px 0;
}
.promo-large-landscape.gear h3 {
    padding-top: 70px;
}
.promo-small-landscape.gear {
    background-color: #95368c;
}
.promo-small-landscape.gear h2 {
    background-image: url("/media/img/home/voices/promos/gear/gear.2ffd5026f445.png");
    background-position: 15px 25px;
    background-repeat: no-repeat;
    background-size: 75px 80px;
    font-size: 1rem;
    min-height: 80px;
    padding: 20px 20px 20px 120px;
}
[lang|="en"] .promo-small-landscape.gear h2 {
    font-size: 1.375rem;
}
.promo-large-portrait.firefox-desktop {
    background: #00af84 none repeat scroll 0 0;
}
.promo-large-portrait.firefox-desktop h2 {
    background-image: url("/media/img/home/voices/promos/firefox/firefox-logo.cba0931d895b.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 101px 98px;
    margin-top: 40px;
    padding: 110px 20px 0;
}
html[lang|="en"] .promo-large-portrait.firefox-desktop h3 {
    padding: 100px 20px 0;
}
.promo-large-landscape.firefox-friends {
    background: #e55525 none repeat scroll 0 0;
}
.promo-large-landscape.firefox-friends h2 {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/promos/firefoxfriends/firefox-friends.e832a015caa2.png") no-repeat scroll center 20px;
    padding-top: 135px;
}
html[lang|="en"] .promo-large-landscape.firefox-friends h3 {
    padding: 60px 20px 0;
}
.promo-large-landscape.fundraiser {
    background-color: #e63d2f;
    color: #fff;
}
.promo-large-landscape.fundraiser h2 {
    font-size: 1.6875rem;
    line-height: 1.2;
    padding-top: 30px;
}
.promo-large-landscape.fundraiser h2::before {
    background: transparent url("/media/img/home/voices/promos/fundraising/fox.3ae35eec2c3e.svg") no-repeat scroll 0 0 / 134px 115px;
    content: "";
    display: block;
    height: 115px;
    margin: 0 auto;
    width: 134px;
}
.promo-large-landscape.fundraiser h3 {
    font-size: 1.5rem;
    padding-top: 90px;
}
.promo-large-landscape.fundraiser .secondary {
    background: #f89c24 url("/media/img/home/voices/promos/fundraising/background.3f20d28291b1.svg") no-repeat scroll 0 0 / 620px 300px;
    color: #fff;
}
@media only screen and (max-width: 979px) {
.promo-large-landscape.fundraiser .secondary {
    background-image: none;
}
}
.promo-large-landscape.fundraiser .secondary p.more {
    font-size: 1.3125rem;
}
html[lang="de"] .promo-large-landscape.fundraiser h2, html[lang="pt-BR"] .promo-large-landscape.fundraiser h2, html[lang="es-ES"] .promo-large-landscape.fundraiser h2, html[lang="nl"] .promo-large-landscape.fundraiser h2, html[lang="ca"] .promo-large-landscape.fundraiser h2 {
    font-size: 1.5rem;
}
html[lang="pt-BR"] .promo-large-landscape.fundraiser h3, html[lang="es-ES"] .promo-large-landscape.fundraiser h3, html[lang="nl"] .promo-large-landscape.fundraiser h3, html[lang="ca"] .promo-large-landscape.fundraiser h3 {
    font-size: 1.3125rem;
}
.promo-large-landscape.mdn-10-years {
    background: #00659a none repeat scroll 0 0;
}
.promo-large-landscape.mdn-10-years h2 {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/promos/mdn10/logo-mdn10.c76a1bda021e.svg") no-repeat scroll center 40px;
    padding-top: 145px;
}
html[lang|="en"] .promo-large-landscape.mdn-10-years h3 {
    padding: 60px 20px 0;
}
.promo-large-portrait.firefox-ios {
    background: #00659a none repeat scroll 0 0;
}
.promo-large-portrait.firefox-ios h2 {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/promos/ios/icon-ios.22ea1ced1338.svg") no-repeat scroll center 50px;
    padding-top: 180px;
}
.promo-large-portrait.firefox-ios p.more {
    text-transform: none;
}
html[lang|="en"] .promo-large-portrait.firefox-ios h3 {
    padding-top: 80px;
}
.promo-large-portrait.firefox-developer {
    background: #5f6065 none repeat scroll 0 0;
}
.promo-large-portrait.firefox-developer h2 {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/promos/firefoxdev/firefoxdev.439b0bf69f1b.png") no-repeat scroll center 35px;
    padding-top: 155px;
}
.promo-large-portrait.private-browsing {
    background: #5f6065 none repeat scroll 0 0;
}
.promo-large-portrait.private-browsing h2 {
    background: rgba(0, 0, 0, 0) url("/media/img/home/voices/promos/private-browsing/private-browsing.e0f1ae841f3b.svg") no-repeat scroll center 45px;
    padding-top: 155px;
}
.promo-large-portrait.private-browsing h3 {
    margin-top: 40px;
}
.promo-large-portrait.firefox-android {
    background: #00659a none repeat scroll 0 0;
}
.promo-large-portrait.firefox-android h2 {
    background-image: url("/media/img/home/voices/promos/android/dude.868cac179dad.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 71px 82px;
    margin-top: 40px;
    padding: 110px 20px 0;
}
html[lang|="en"] .promo-large-portrait.firefox-android h3 {
    padding: 80px 20px 0;
}
.promo-small-landscape.twt {
    background-color: #5b88c6;
    height: 140px;
    width: 300px;
}
.promo-small-landscape.twt:hover .twt-container, .promo-small-landscape.twt:focus .twt-container {
    border: 5px solid rgba(0, 0, 0, 0.1);
}
.promo-small-landscape.twt .twt-container {
    border: 5px solid transparent;
    height: 100px;
    padding: 15px;
    position: relative;
    transition: border 0.3s ease-in-out 0s;
    width: 260px;
}
.promo-small-landscape.twt .twt-text {
    color: #fff;
    float: right;
    font-family: 'PT Sans', sans-serif;
    font-size: 0.875rem;
    height: 7.5em;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 200px;
    word-wrap: break-word;
}
.promo-small-landscape.twt .twt-text a:link, .promo-small-landscape.twt .twt-text a:visited {
    color: #fff;
}
.promo-small-landscape.twt .twt-text a:hover, .promo-small-landscape.twt .twt-text a:active, .promo-small-landscape.twt .twt-text a:focus {
    text-decoration: underline;
}
.promo-small-landscape.twt .twt-text .ellipsis {
    cursor: help;
    display: none;
}
.promo-small-landscape.twt .twt-text .ellipsis::after {
    background-color: #5b88c6;
    bottom: 0;
    color: #fff;
    content: "…";
    height: 1.5em;
    position: absolute;
    right: 0;
    text-align: right;
    width: auto;
}
.promo-small-landscape.twt .twt-actions {
    float: left;
    height: 110px;
    margin-right: 20px;
    position: relative;
    width: 40px;
}
.promo-small-landscape.twt .twt-account {
    color: #fff;
    display: block;
    font-size: 0;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.promo-small-landscape.twt .twt-account::before {
    border: 2px solid #fff;
    border-radius: 100%;
    content: "";
    font-family: "FA-Icons-Home";
    font-size: 1.6875rem;
    height: 38px;
    left: 0;
    position: absolute;
    text-indent: 7px;
    top: 0;
    width: 38px;
}
.promo-small-landscape.twt .twt-account:hover, .promo-small-landscape.twt .twt-account:focus {
    text-decoration: none;
}
.promo-small-landscape.twt .twt-reply {
    display: block;
    font-size: 0;
    height: 20px;
    left: 0;
    position: absolute;
    top: 52px;
    width: 40px;
}
.promo-small-landscape.twt .twt-reply::before {
    color: #fff;
    content: "";
    font-family: "FA-Icons-Home";
    font-size: 0.875rem;
    height: 20px;
    left: 12px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease-in-out 0s;
    width: 40px;
}
.promo-small-landscape.twt .twt-reply:hover, .promo-small-landscape.twt .twt-reply:focus {
    text-decoration: none;
}
.promo-small-landscape.twt .twt-reply:hover::before, .promo-small-landscape.twt .twt-reply:focus::before {
    opacity: 1;
}
.promo-small-landscape.twt .twt-rt {
    display: block;
    font-size: 0;
    height: 20px;
    left: 0;
    position: absolute;
    top: 82px;
    width: 40px;
}
.promo-small-landscape.twt .twt-rt::before {
    color: #fff;
    content: "";
    font-family: "FA-Icons-Home";
    font-size: 0.875rem;
    height: 20px;
    left: 12px;
    opacity: 0.5;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease-in-out 0s;
    width: 40px;
}
.promo-small-landscape.twt .twt-rt:hover, .promo-small-landscape.twt .twt-rt:focus {
    text-decoration: none;
}
.promo-small-landscape.twt .twt-rt:hover::before, .promo-small-landscape.twt .twt-rt:focus::before {
    opacity: 1;
}
@media only screen and (min-width: 2900px) {
.faces-grid-inner {
    margin-left: -1430px;
    width: 2860px;
}
}
@media only screen and (min-width: 2580px) and (max-width: 2899px) {
.faces-grid-inner {
    margin-left: -1430px;
    width: 2860px;
}
}
@media only screen and (min-width: 2260px) and (max-width: 2579px) {
.faces-grid-inner {
    margin-left: -1270px;
    width: 2540px;
}
}
@media only screen and (min-width: 1940px) and (max-width: 2259px) {
.faces-grid-inner {
    margin-left: -1110px;
    width: 2220px;
}
}
@media only screen and (min-width: 1620px) and (max-width: 1939px) {
.faces-grid-inner {
    margin-left: -950px;
    width: 1900px;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1619px) {
.faces-grid-inner {
    margin-left: -790px;
    width: 1580px;
}
}
@media only screen and (min-width: 1300px) {
.promo-grid-inner {
    width: 100%;
	/*width: 1000px;*/
}
.promo-grid {
   /* height: 960px;*/
}
.promo-grid #promo-1 {
    left: 0;
    top: 0;
}
.promo-grid #promo-2 {
    left: 320px;
    top: 0;
}
.promo-grid #promo-3 {
    left: 640px;
    top: 0;
}
.promo-grid #promo-4 {
    left: 0px;
    top: 160px;
}
.promo-grid #promo-5 {
    left: 160px;
    top: 160px;
}
.promo-grid #promo-6 {
    left: 320px;
    top: 160px;
}
.promo-grid #promo-7 {
    left: 0px;
    top: 320px;
}
.promo-grid #promo-8 {
    left: 0px;
    top: 480px;
}
.promo-grid #promo-9 {
    left: 320px;
    top: 480px;
}
.promo-grid #promo-10 {
    left: 320px;
    top: 640px;
}
.promo-grid #promo-11 {
    left: 480px;
    top: 640px;
}
.promo-grid #promo-12 {
    left: 640;
    top: 640px;
}
.promo-grid #promo-13 {
    left: 800px;
    top: 640px;
}
.promo-grid #promo-14 {
    left: 0;
    top: 800px;
}
.promo-grid #promo-15 {
    left: 640px;
    top: 800px;
}
.promo-grid #promo-16 {
    left: 800px;
    top: 800px;
}
}
@media only screen and (min-width: 1140px) and (max-width: 1299px) {
.promo-grid-inner {
    width: 100%;
}
.faces-grid-inner {
    margin-left: -630px;
    width: 1260px;
}
#colophon{
	height:140px;
}
}
@media only screen and (max-width: 979px) {
.promo-large-landscape {
    /*height: 460px;
    width: 300px;*/
	 height: 300px;
     width: 620px;
}
.promo-large-landscape h3 {
    padding: 60px 20px 0;
}
.promo-med-landscape {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 300px;
}
html[lang|="en"] .promo-large-landscape.webmaker h2 {
    padding: 120px 40px 0;
}
html[lang|="en"] .promo-large-landscape.webmaker h3 {
    padding: 100px 20px 0;
}
}
@media only screen and (min-width: 660px) and (max-width: 979px) {
.promo-grid-inner {
    width: 100%;
}
.promo-grid {
   /* height: 1440px;*/
}
.promo-grid #promo-1 {
    left: 0;
    top: 0;
}
.promo-grid #promo-2 {
    left: 320px;
    top: 0px;
}
.promo-grid #promo-3 {
    left: 0px;
    top: 160px;
}
.promo-grid #promo-4 {
    left: 320px;
    top: 160px;
}
.promo-grid #promo-5 {
    left: 480px;
    top: 160px;
}
.promo-grid #promo-6 {
    left: 0;
    top: 320px;
}
.promo-grid #promo-7 {
    left: 0px;
    top: 640px;
}
.promo-grid #promo-8 {
    left: 320px;
    top: 640px;
}
.promo-grid #promo-9 {
    left: 0px;
    top: 800px;
}
.promo-grid #promo-10 {
    left: 0;
    top: 1120px;
}
.promo-grid #promo-11 {
    left: 160px;
    top: 1120px;
}
.promo-grid #promo-12 {
    left: 320px;
    top: 1120px;
}
.promo-grid #promo-13 {
    left: 480px;
    top: 1120px;
}
.promo-grid #promo-14 {
    left: 320px;
    top: 1440px;
}
.promo-grid #promo-15 {
    left: 480px;
    top: 1440px;
}
.promo-grid #promo-16 {
    left: 0;
    top: 1600px;
}
.promo-grid.has-twitter-promo {
    height: 1760px;
}
.faces-grid-inner {
    /*margin-left: -470px;*/
    width: 940px;
}
}
@media only screen and (min-width: 660px) {
.promo-face .face {
    /*background-image: url("/media/img/home/voices/faces-color-sprite.82a16803abd5.jpg");*/
	padding:0px;
	margin:0px;
}
}
@media only screen and (max-width: 659px) {
/*.promo-grid-inner {
    width: 360px;
}*/
.promo-grid {
    /*height: 1920px;*/
}
.promo-grid #promo-1 {
    left: 0;
    top: 0px;
}
.promo-grid #promo-2 {
    left: 0;
    top: 160px;
}
.promo-grid #promo-3 {
    /*display: none;*/
    left: 0;
    top: 320px;
}
.promo-grid #promo-4 {
    display: none;
    left: 0;
    top: 800px;
}
.promo-grid #promo-5 {
    left: 0;
    top: 0;
}
.promo-grid #promo-6 {
    left: 0;
    top: 480px;
}
.promo-grid #promo-7 {
   /* display: none;*/
    left: 0;
    top: 640px;
}
.promo-grid #promo-8 {
    left: 0;
    top: 1280px;
}
.promo-grid #promo-9 {
    left: 0;
    top: 1760px;
}
.promo-grid #promo-10 {
    left: 0;
    top: 800px;
}
.promo-grid #promo-11 {
    left: 0;
    top: 960px;
}
.promo-grid #promo-12 {
    /*display: none;*/
    left: 160px;
    top: 960px;
}
.promo-grid #promo-13 {
    display: none;
    left: 0;
    top: 2560px;
}
.promo-grid #promo-14 {
    display: none;
    left: 0;
    top: 2560px;
}
.promo-grid #promo-15 {
    display: none;
    left: 0;
    top: 2560px;
}
.promo-grid #promo-16 {
    left: 0;
    top: 2560px;
}
.promo-grid.has-twitter-promo {
    height: 2720px;
}
.faces-grid-inner {
    /*margin-left: -310px;*/
    width: 620px;
}
.promo-face {
    display: none;
}
.promo-large-landscape {
    /*height: 460px;
    width: 300px;*/
	 height: 140px;
     width: 300px;
}
.promo-med-landscape {
    height: 140px;
    overflow: hidden;
    position: relative;
    width: 300px;
}
.promo-small-portrait-two {
    height: 140px;
    position: relative;
    width: 300px;
}
.promo-large-portrait-two h3 {
    padding: 60px 20px 0;
}
}
@media only screen and (min-width: 980px) {
.js .promo-grid .item {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0s;
}
.js .promo-grid.reveal .item {
    opacity: 1;
}
.promo-grid.stagger .item:first-child {
    transition-delay: 0.1s;
}
.promo-grid.stagger .item:nth-child(2) {
    transition-delay: 0.25s;
}
.promo-grid.stagger .item:nth-child(3) {
    transition-delay: 0.4s;
}
.promo-grid.stagger .item:nth-child(4) {
    transition-delay: 0.55s;
}
.promo-grid.stagger .item:nth-child(5) {
    transition-delay: 0.7s;
}
.promo-grid.stagger .item:nth-child(6) {
    transition-delay: 0.85s;
}
.promo-grid.stagger .item:nth-child(7) {
    transition-delay: 1s;
}
.promo-grid.stagger .item:nth-child(8) {
    transition-delay: 1.15s;
}
.promo-grid.stagger .item:nth-child(9) {
    transition-delay: 1.3s;
}
.promo-grid.stagger .item:nth-child(10) {
    transition-delay: 1.45s;
}
.promo-grid.stagger .item:nth-child(11) {
    transition-delay: 1.6s;
}
.promo-grid.stagger .item:nth-child(12) {
    transition-delay: 1.75s;
}
.promo-grid.stagger .item:nth-child(13) {
    transition-delay: 1.9s;
}
.promo-grid.stagger .item:nth-child(14) {
    transition-delay: 2.05s;
}
.promo-grid.stagger .item:nth-child(15) {
    transition-delay: 2.2s;
}
.promo-grid.stagger .item:nth-child(16) {
    transition-delay: 2.35s;
}
}
/*@media only screen and (min-width: 980px) {
.faces-grid-inner {
    background: #fff url(../images/mosaic-scoutmain.jpg) repeat scroll -10px 0;
}
}
@media only screen and (min-width: 660px) and (max-width: 979px) {
.faces-grid-inner {
    background: #fff url(../images/misaic-scout-medium.jpg) repeat scroll -10px 0;
}
}
@media only screen and (min-width: 340px) and (max-width: 659px) {
.faces-grid-inner {
    background: #fff url(../images/mosaic-scout-small.jpg) repeat scroll -10px 0;
}
}*/
@media only screen and (max-width: 339px) {
.faces-grid-inner {
    display: none;
}
}
@media not all, only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
.promo-large-landscape.support h2 {
    background-image: url("/media/img/home/voices/promos/sumo/sumo-high-res.5fd54d1a2065.png");
    background-size: 94px 94px;
}
.promo-small-landscape.appmaker {
    background-image: url("/media/img/home/voices/promos/appmaker/appmaker-logo-high-res.d7bc62260cb9.png");
    background-size: 78px 100px;
}
.promo-small-landscape.privacy {
    background-image: url("/media/img/home/voices/promos/privacy/privacy-high-res.ece3a799da91.png");
    background-size: 121px 120px;
}
.promo-small-landscape.advocacy {
    background-image: url("/media/img/home/voices/promos/advocacy/advocacy-logo-high-res.62ead6dc01c2.png");
    background-size: 100px 100px;
}
.promo-small-landscape.volunteer {
    background-image: url("/media/img/home/voices/promos/volunteer/volunteer-high-res.c980566b51f8.png");
    background-size: 100px 86px;
}
.promo-large-portrait.firefox-desktop h2 {
    background-image: url("/media/img/home/voices/promos/firefox/firefox-logo-high-res.88180bcea360.png");
    background-size: 101px 98px;
}
.promo-large-portrait.firefox-android h2 {
    background-image: url("/media/img/home/voices/promos/android/dude-high-res.1686ff409f16.png");
}
.promo-large-landscape.firefox-friends h2 {
    background-image: url("/media/img/home/voices/promos/firefoxfriends/firefox-friends-high-res.4f7e323e9949.png");
    background-size: 75px 100px;
}
.promo-large-portrait.firefox-developer h2 {
    background-image: url("/media/img/home/voices/promos/firefoxdev/firefoxdev-high-res.6070e57212cc.png");
    background-size: 105px 105px;
}
.promo-large-landscape.gear h2 {
    background-image: url("/media/img/home/voices/promos/gear/gear-high-res.07f67e3e6642.png");
    background-size: 75px 80px;
}
}
.fundraising-takeover * {
    box-sizing: border-box;
}
.fundraising-takeover {
    background: #f89c24 url("/media/img/home/takeover/hart.a8761a682038.svg") no-repeat scroll center top / 100% auto;
    box-sizing: border-box;
    color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
@media only screen and (max-width: 1400px) {
.fundraising-takeover {
    background-position: center 0;
    background-size: 1500px auto;
}
}
@media only screen and (max-width: 760px) {
.fundraising-takeover {
    background-position: center 0;
    background-size: 1000px auto;
    text-align: center;
}
}
.fundraising-takeover::after {
    background: transparent url("/media/img/home/takeover/mrfox.ae12dbb9f8d0.svg") no-repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 550px;
    left: 60%;
    position: absolute;
    width: 464px;
}
@media only screen and (max-width: 1000px) {
.fundraising-takeover::after {
    height: 450px;
    width: 380px;
}
}
@media only screen and (max-width: 760px) {
.fundraising-takeover::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    display: none;
}
}
.fundraising-takeover .moz-logo {
    height: 93px;
    width: 276px;
}
@media only screen and (max-width: 1000px) {
.fundraising-takeover .moz-logo {
    height: 67px;
    width: 200px;
}
}
.fundraising-takeover h2 {
    font-size: 2.8rem;
    line-height: 1.2;
}
@media only screen and (max-width: 1000px) {
.fundraising-takeover h2 {
    font-size: 2rem;
}
}
@media only screen and (max-width: 760px) {
.fundraising-takeover h2 {
    font-size: 1.5rem;
}
}
.fundraising-takeover .header-strip {
    background-color: #fff;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}
.fundraising-takeover .header-strip a:link, .fundraising-takeover .header-strip a:visited, .fundraising-takeover .header-strip a:hover {
    color: #c33d32;
}
.fundraising-takeover .contained {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 60px;
}
@media only screen and (max-width: 760px) {
.fundraising-takeover .contained {
    padding: 0 10px;
}
}
.fundraising-takeover .copy {
    margin-top: 160px;
    padding-bottom: 40px;
}
@media only screen and (max-width: 760px) {
.fundraising-takeover .copy {
    margin-top: 60px;
}
}
@media only screen and (max-width: 360px) {
.fundraising-takeover .copy {
    margin-top: 20px;
}
}
.fundraising-takeover .copy header {
    width: 540px;
}
@media only screen and (max-width: 1000px) {
.fundraising-takeover .copy header {
    width: 440px;
}
}
@media only screen and (max-width: 760px) {
.fundraising-takeover .copy header {
    width: auto;
}
}
.fundraising-takeover form {
    width: 400px;
}
@media only screen and (max-width: 760px) {
.fundraising-takeover form {
    width: 100%;
}
}
.fundraising-takeover .donate-options label {
    background-color: #90939d;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    margin: 5px;
    padding: 10px;
    text-align: center;
    width: 90px;
}
@media only screen and (max-width: 760px) {
.fundraising-takeover .donate-options label {
    width: 70px;
}
}
@media only screen and (max-width: 360px) {
.fundraising-takeover .donate-options label {
    margin: 5px 2px;
    width: 130px;
}
}
@media only screen and (min-width: 361px) and (max-width: 499px) {


.fundraising-takeover .donate-options label:hover, .fundraising-takeover .donate-options label:focus, .fundraising-takeover .donate-options label.selected {
    background-color: #259beb;
}
.fundraising-takeover .donate-options input[type="text"] {
    font-size: 1.2rem;
    height: 47px;
    width: 197px;
}
}
@media only screen and (max-width: 760px) {
.fundraising-takeover .donate-options input[type="text"] {
    display: block;
    margin: 10px auto;
    width: 340px;
}
}
@media only screen and (max-width: 360px) {
.fundraising-takeover .donate-options input[type="text"] {
    width: 270px;
}
}
.fundraising-takeover .donate-options label.own-amount, .fundraising-takeover .donate-options input[type="radio"] {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
}
.fundraising-takeover .recurring {
    margin-top: 10px;
}
.fundraising-takeover .recurring label {
    font-size: 1rem;
    margin-right: 20px;
}
.fundraising-takeover input[type="submit"] {
    background-color: #c33d32;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: 20px;
    padding: 5px 10px;
    text-transform: uppercase;
}
@media only screen and (max-width: 760px) {
.fundraising-takeover input[type="submit"] {
    margin: 20px auto;
}
}
.fundraising-takeover input[type="submit"]:hover, .fundraising-takeover input[type="submit"]:focus {
    background-color: #fff;
    border: 2px solid #333;
    color: #333;
}
html[lang="de"] .fundraising-takeover h2 {
    font-size: 2.5rem;
}
@media only screen and (max-width: 1000px) {
html[lang="de"] .fundraising-takeover h2 {
    font-size: 2rem;
}
}
@media only screen and (max-width: 760px) {
html[lang="de"] .fundraising-takeover h2 {
    font-size: 1.5rem;
}

}
@media only screen and (max-width: 480px) {
html[lang="it"] .fundraising-takeover input[type="submit"] {
    font-size: 1.2rem;
    width: 300px;
}
}
html[dir="rtl"] .fundraising-takeover::after {
    left: auto;
    right: 52%;
}
.page-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
#colophon ul.footerLinksOne{
	padding:0px;
	margin:0px;
	list-style-type:none;
	display:block;
}
#colophon ul.footerLinksOne li{
	padding:0px;
	margin:0px;
	display:block;
}
#colophon .col-2 ul.footerLinksOne li{
	padding:0px;
	margin:0px;
	display:block;
	float:none;
}
#colophon ul.footerLinksOne li a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}
#colophon span{
	color:#14bcbc;
	font-size:16px;
	display:block;
	padding-bottom:5px;
}
#colophon ul.ftrbiglinks{
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#colophon ul.ftrbiglinks li{
	padding:0px;
	margin:0px;
	display:block;
	font-family: 'open_sanslight';
}
#colophon ul.ftrbiglinks li a{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#14bcbc;
}

.border-menu {
  position: relative;
  padding-right: 1.25em;
}
.border-menu:before {
  content: "";
  position: absolute;
  top: 3px;
  right: 6px;
  width: 1em;
  height: 0.125em;
  border-top: 0.375em double #6fbf4b;
  border-bottom: 0.125em solid #6fbf4b;
}
@media only screen and (min-width: 2000px) and (max-width: 2600px) {
	.promo-grid {
    height: 1036px;
}
}
@media only screen and (min-height: 1040px) and (max-height: 1204px) {
	.promo-grid {
    min-height: 800px;
}
}
@media only screen and (min-height: 1205px) and (max-height: 1304px) {
	.promo-grid {
    min-height: 900px;
}
}
@media only screen and (min-height: 1305px) and (max-height: 1404px) {
	.promo-grid {
    min-height: 1000px;
}
}
@media only screen and (min-height: 1405px) and (max-height: 1504px) {
	.promo-grid {
    min-height: 1100px;
}
}
/* Menu >*/
#main_menu {cursor:pointer; padding:0px; z-index:999; position:absolute; right:30px; float: none; }
#manu_area {background:#43494c; width:155px; height:auto; position:relative; top:42px; right:0; box-shadow: -4px 0px 10px 0px #656e73; display:none; border-radius:0 0 10px 10px; padding-bottom:10px;}
#manu_area a {display:block; padding:14px 6px; color:#fff; border:1px solid #3c3c3c; text-decoration:none;}
#manu_area a:hover {display:block; padding:14px 6px; color:#fff; border:1px solid #3c3c3c; text-decoration:none; background:#696f72;}
#menu_close {font-weight:bold; color:#fff; position:absolute; top:4px; right:3px; cursor:pointer; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:11px; display:block; background:#696969; border-radius:20px; padding:2px;}
#menu_close:hover {font-weight:bold; color:#fff; position:absolute; top:4px; right:3px; cursor:pointer; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; display:block; opacity:.7}
.menu_title {color:#fff; font-size:15px; border-bottom:2px solid #92999c; padding:10px 14px;}


#scout_menu {display:none; overflow:hidden; margin:0; width:auto; height:auto; background:#fff;}
#scout_menu h3.widget-title {font-weight:bold; color:#007f00; text-transform:uppercase; padding:0 0 10px 0; font-size:14px; font-family:'oswald', sans-serif; pointer-events: none; margin: 0;}
#scout_menu .widget {border:0px solid red; width:auto; display:inline-block; list-style:none; margin:0 10px 0 0; text-align:left; padding:20px; border-radius:0 0 10px 10px; vertical-align:top;}
#scout_menu .widget a {color:#5c4c52; font-family: 'PT Sans', sans-serif; padding:0 0 8px 0; text-decoration:none; display:block;}
#scout_menu .widget a:hover {color:#000;font-family: 'PT Sans', sans-serif; padding:0 0 8px 0; text-decoration:none;}
#scout_menu .widget:nth-child(3n-2) {background:none;}
#scout_menu .widget:nth-child(3n-1) {background:none;}
#scout_menu .widget:nth-last-child {background:none; margin-right:100px;}
.innerFooter {padding:2em 0 2em 1em;}
#colophon {height:180px;position: static;}


@media only screen and (min-width: 361px) and (max-width: 499px) {
#scout_menu {display:none; overflow:hidden; margin:0px; padding:50px 0 0 0; text-align:center; width:auto; height:auto; background:#fff;}	
#main_menu {
    position: relative !important;
    float: right;
    right: 0px;
}
#logo a img {
    padding: 15px 0px 0 0 !important ;
}
#logo {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}
#logo a {
    float: none !important;
}
#logo a span {
    float: none;
    padding: 0px 0 0 10px !important ;
}

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
#scout_menu {display:none; overflow:hidden; margin:0px; padding:50px 0 0 0; text-align:center; width:auto; height:auto; background:#fff;}	
#scout_menu .widget {border:0px solid red; width:auto; display:block; list-style:none; margin:0px; text-align:left; background:; padding:3px; border-radius:0 0 10px 10px; vertical-align:top;}
#scout_menu .widget_nav_menu ul {display:none;}
#scout_menu .widget-title {cursor:pointer; pointer-events:auto;}
.innerFooter {padding:0px 0;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape) {
#scout_menu {display:none; overflow:hidden; margin:0px; padding:50px 0 0 10px; text-align:center; width:auto; height:auto; background:#fff;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#masthead nav {
    float: right;
	font-family: 'oswaldbold';
    font-size: 0.8125rem;
    margin: 10px 5px 0;
    text-transform: uppercase;
}
.topLeftMenu {float:left; width:150px;}		
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
#masthead nav {
    float: right;
	font-family: 'oswaldbold';
    font-size: 0.8125rem;
    margin: 10px 60px 0;
    text-transform: uppercase;
}
.topLeftMenu {float:right; width:400px;}
}
@media only screen and (min-width: 600px) and (max-width: 1280px) and (orientation:landscape) {
#scout_menu {display:none; overflow:hidden; margin:0px; padding:0px 112px 0 10px; text-align:right; width:auto; height:auto; background:#fff;}

}
@media only screen and (min-width: 600px) and (max-width: 1280px) and (orientation:portrait) {
#scout_menu {display:none; overflow:hidden; margin:0px; padding:0px 50px 0 10px; text-align:center; width:auto; height:auto; background:#fff;}	
}

#member_login a span{
    font-size: 14px;
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline;
}