body
{
background: #545456;
color:#fff;
font-family: 'Quicksand';
}
.btn
{
  background-color: rgba(255, 60, 65, 1);
  font-size: 12px;
  padding-bottom: 2px;
  padding-top: 2px;
  border-radius: 2px;
  height: 24px;
  width: 40px;
  color: #fff;
  margin-top:12px;
  outline: 0;
  
}


h1
{
  font-size:45px;
  padding-right: 10px;
  text-align: center;
}
h2
{
  font-size:30px;
}

.container
{
margin:5% auto auto auto;
max-width:500px;
background: rgba(49, 49, 49, 0.34);
box-shadow: 0 7px 7px -7px #000;
}

.iconInfo
{
  text-align:center;
  padding-top:15px;
  
}

.info
{
  text-align:center;
  font-size:15px;
  padding-top:15px;
}

.weather-body
{
  text-transform:none; 
}

.city  {
  text-align:center;
}

h5{
 font-size: 14px;   
}

h2 small {
color: #fff;
}

h5 small {
 color: #fff;
}


p {
  font-size:14px;
  text-align:center;
}

.row {
  font-size:14px;
  text-align:center;
}


.footerholder {
    font-size:12px;
    bottom: 0px;
    position: fixed;
    width: 100%;
    color:#000;
    background:#fff;
    text-align:center;
}

h6 {
  padding-top:10px;
  font-size:14px !important;
  text-align:center;
  font-weight: 300 !important;
}

.article {
  padding: 5% 15% 3%;
}

.article p {
  text-align:left;
  font-size:1.2em;

}

a {
  color:yellow;
}