/* DEFAULT/MOBILE SIZES */ 

body {	margin: 0px;	background-color: #000000;	background-image: url(../Images/Background-Body.jpg); 	background-repeat: no-repeat; 	background-position: center top;	background-attachment: fixed; }
div { font-family: 'Open Sans', arial, helvetica, san-serif; font-size: 12px; line-height: 14px; color: #FFFFFF; }
a { color: #FFFFFF; text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Clear { clear: both; }
.CF { zoom: 1; }
.CF:before, .CF:after { content: ""; display: table; }
.CF:after { clear: both; }
img { max-width: 100%; max-height: 100%; }

#Container { display: block; width: auto; min-width: 300px; max-width: 640px; margin: 0px auto 0px auto; }
#Content { padding: 0px 10px; }
#Logo { display: block; width: 100%; min-width: 300px; max-width: 570px; margin: 0px auto 0px auto; }
.Section { display: block; width: 100%; margin: 0px auto 50px auto; }
.Description { display: block; width: 100%; margin: 0px auto 30px auto; font-size: 14px; line-height: 16px; text-align: center; clear: both; color: #999999; }
.Description h1 { font-size: 26px; line-height: 28px; margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Roboto Slab', serif; font-weight: 400; text-transform: uppercase; } 
.Description h1 b { font-weight: 700; color: #FFFFFF; }
.Description h2 { font-size: 18px; line-height: 20px; margin: 0px 0px 15px 0px; padding: 0px; font-family: 'Roboto Slab', serif; font-weight: 400; text-transform: uppercase; } 
.Description h2 b { font-weight: 700; color: #FFFFFF; }
.Box, .LargeBox, .LargeBoxSingle { display: block; max-width: 80%; margin: 0px auto 10px auto; border-bottom: solid 1px #252525; }
.Cause { padding: 10px; text-align: center; font-weight: 700; font-size: 14px; line-height: 16px; }
.Count { display: none; padding: 10px; text-align: center; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 18px; line-height: 18px; color: #bf1e2e; }
#References { display: table; width: 100%; margin: 0px auto; }
.HeadRow { display: table-row; border-bottom: solid 1px #252525; }
.HeadRow div { display: table-cell; padding: 10px 10px 10px 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: 'Roboto Slab', serif; font-weight: 700; }
.HeadRow div:nth-child(2) { text-align: center; }
.HeadRow div:nth-child(3) { text-align: center; }
.HeadRow div:nth-child(4) { text-align: center; }
.RefRow { display: table-row; border-bottom: solid 1px #252525; }
.RefRow div { display: table-cell; font-size: 11px; border-bottom: solid 1px #252525; padding: 10px 10px 10px 0px; color: #999999; }
.RefRow div a { color: #999999; text-decoration: underline; }
.RefRow div a:hover { color: #FFFFFF; }
.RefRow div:nth-child(2) { text-align: center; }
.RefRow div:nth-child(3) { text-align: center; }
.RefRow div:nth-child(4) { text-align: center; }
#Social { display: block; width: 100%; margin: 0px auto 20px auto; text-align: center; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* DESKTOP SIZE */ 
@media (min-width: 640px) {
#Container { min-width: 936px; max-width: 936px; }
#Content { padding: 0px; }
.Section { display: block; margin: 0px auto 50px auto; }
.Box { display: inline-block; float: left; width: 230px; min-height: 130px; margin: 0px 2px 4px 2px; background: rgba(37, 37, 37, .70); border: none 0px; }
.Cause { min-height: 40px; padding: 20px 10px 10px 10px; }
.Count { font-size: 22px; line-height: 22px; }
.LargeBox { display: inline-block; float: left; width: 464px; max-width: 464px; min-height: 130px; margin: 0px 2px 4px 2px; border: none 0px; background: rgba(191, 30, 46, .70); }
.LargeBoxSingle { display: block; width: 464px; max-width: 464px; min-height: 130px; margin: 0px auto 0px auto; border: none 0px; background: rgba(191, 30, 46, .70); }
.LargeBox .Cause, .LargeBoxSingle .Cause { min-height: 20px; font-size: 26px; line-height: 28px; }
.LargeBox .Count, .LargeBoxSingle .Count { font-size: 44px; line-height: 44px; color: #FFFFFF; }
.RefRow div { width: auto; }
}