.nueva {
  	font-family: "Roboto", helvetica, arial, sans-serif;
  	font-size: 16px;
  	font-weight: 400;
  	text-rendering: optimizeLegibility;
  	align-content: right;
  }
  #table_title{
  	background-color: white;
  	border-bottom: : 0px ;
  	border-top: : 0px ;
  	color: #008657;
  	font-family:'Oswald', sans-serif;
  	font-size: 20px;
  }

  span.count_gauge{
  	font-family:'Oswald', sans-serif;

  	letter-spacing: 0.1em;
  }
  #table_bottom{
  	background-color: white;
  	border-bottom: : 0px ;
  	font-size: 15px;
  	font-family: 'Noto Sans', sans-serif;
  }
  #text-head-1{
  	font-size: 17px;
  	text-align: center;
  	border-right: 0px solid #C1C3D1;
  	font-family: 'Oswald', sans-serif;
  	letter-spacing: 0.3px;
  	background-color: #008657;
  }
  #text-head-2{
  	font-size: 17px;
  	text-align: center;
  	font-family: 'Oswald', sans-serif;
  	letter-spacing: 0.3px;
  	padding: 5px;
  	background-color: #008657;
  	border-right: 0px solid #C1C3D1;
  }

  #first_menu {
  	padding-bottom: 0px;
  	margin-bottom: 0px;
  	border: 10px;
  	color: white;
  	background-color:  #008657;
  	line-height: 95%;
  }

  #second_menu{
  	padding-bottom: 0px;
  	margin-bottom: 0px;
  	border-bottom: 0px;
  	color: white;
  	background-color:  #008657;
  	line-height: 95%;
  }
  #third_menu{
  	padding-bottom: 0px;
  	margin-bottom: 0px;
  	border-bottom: 0px;
  	color: white;
  	background-color:  #008657;
  	line-height: 95%;
  }
  .home-banner .banner-btn {
  	padding: 0x 0;
  	line-height: 30px;
  	margin-bottom: 0;
  }

  .banner-btn {
  	font-size: 30px;

  	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
  	font-family: 'Oswald', sans-serif;

  	display: block;
  	text-align: center;
  	text-decoration: none;


  }


  .padding_table{
  	padding: 15px;
  }
  div.table-title {
  	display: block;
  	margin: auto;
  	max-width: 400px;
  	padding:5px;
  	width: 100%;
  	font-family: 'NotoSans-regular';
  }

  .table-title h3 {
  	color: #fafafa;
  	font-size: 30px;
  	font-weight: 200;
  	font-style:normal;

  	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);

  	font-family: 'NotoSans-regular';
  }


  /*** Table Styles **/

  .table-fill {
  	background: white;
  	border-radius:3px;
  	border-collapse: collapse;
  	height: 320px;

  	max-width: 350px;
  	padding:5px;
  	width: 100%;
  	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  	animation: float 5s infinite;

  	margin-right: 0px;
  	margin-left: auto;
  }

  th {
  	color:white;
  	background:#1b1e24;
  	border-bottom:0px solid #9ea7af;
  	border-right: 0px solid #343a45;
  	font-size:23px;
  	font-weight: 100;
  	padding:24px;
  	text-align:center;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  	vertical-align:middle;
  }

  th:first-child {
  	border-top-left-radius:0px;
  }

  th:last-child {
  	border-top-right-radius:0px;
  	border-right:none;
  }

  tr {
  	border-top: 0px solid #C1C3D1;
  	border-bottom-: 0px solid #C1C3D1;
  	color:#666B85;
  	font-size:16px;
  	font-weight:normal;
  	text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
  }

  tr:hover td {
  	background:#4E5066;
  	color:#FFFFFF;
  	border-top: 1px solid #22262e;
  }

  tr:first-child {
  	border-top:none;
  }

  tr:last-child {
  	border-bottom:none;
  }

  tr:nth-child(odd) td {
  	background:#EBEBEB;
  }

  tr:nth-child(odd):hover td {
  	background:#4E5066;
  }

  tr:last-child td:first-child {
  	border-bottom-left-radius:0px;
  }

  tr:last-child td:last-child {
  	border-bottom-right-radius:0px;
  }

  td {
  	background:#FFFFFF;
  	padding:20px;
  	text-align:left;
  	vertical-align:middle;
  	font-weight:300;
  	font-size:18px;
  	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  	border-right: 0px solid #C1C3D1;
  }

  td:last-child {
  	border-right: 0px;
  }

  th.text-left {
  	text-align: left;
  }

  th.text-center {
  	text-align: center;
  }

  th.text-right {
  	text-align: right;
  }

  td.text-left {
  	text-align: left;
  }

  td.text-center {
  	text-align: center;
  }

  td.text-right {
  	text-align: right;
  }

  .btn.add-email-fields , .btn.new-share, .btn.close-email-modal {

  	font-size: 19px;
  	letter-spacing: 0px;
  }
  .close {
  	color: #fff;
  }
  .new-share{
  	display: inline;
  	float: left;
  }

 @media(min-width: 360px) and (max-width: 625px) {
      #complete-status{
          font-size: 50px;
      }
  }
 @media(min-width: 626px) {
      #complete-status{
          font-size: 100px;
      }
  }

.home-page-donation-button
{
	padding-bottom: 0px;
  	margin-bottom: 0px;
  	border: 10px;
  	color: white;
  	background-color:  #008657;
  	line-height: 95%;
}

a.home-page-donation-button:hover, a.home-page-donation-button:focus {
    color: white;
    text-decoration: underline;
}

table.table-fill-donors, th {
	padding: 0px;
}

.main-title {

    font-family: 'Oswald',sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #777;
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.title-tables{
   font-family: 'Oswald',sans-serif;
}

.thermo{
  font-size: 42px;
  line-height: 2 !important;
}
.thermometer-container{
  padding:0 0;
}

.gauge_2{
  margin-top: 5px;
}
@media only screen and (min-width: 768px) 
{
  .space-blank{
    height: 50px;
  }
}

@media only screen and (min-width: 992px) 
{
  .space-blank{
    height: 80px;
  }
    .thermo {
   font-size: 36px;
  line-height: 2.4 !important;

  }

}
@media only screen and (min-width: 1150px) 
{

    .thermo {
  line-height: 2.9 !important;

  }

}
@media only screen and (max-width: 991px) 
{
  .thermo {
   font-size: 28px;
  }

}
@media only screen and (max-width: 991px) and (min-width: 768px) 
{
    .thermo {
  line-height: 2.4 !important;

  }
}
@media only screen and (max-width: 767px) and (min-width: 426px) 
{
  .gauge_1{
    width: 50%;
  }
}
@media only screen and (max-width: 767px) 
{
  .thermo {
   font-size: 28px;
  }
    .thermometer-container{
     padding-top: 50px; 
  }
}
@media only screen and (max-width: 425px) 
{
  .thermo {
   font-size: 28px;
  }
  .thermometer-container{
     padding-top: 50px; 
  }
}

@media only screen and (max-width: 375px) 
{
  .thermo {
   font-size: 25px;
  }
  .thermometer-container{
     padding-top: 40px; 
  }
}

@media only screen and (max-width: 320px) 
{
  .thermo {
   font-size: 20px;
  }
  .thermometer-container{
     padding-top: 40px; 
  }
}