body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
  }
 
  .container {
    padding: 80px 20px;
  }
  


/* ***************************
    VOLUMES SECTION
****************************** */
.vols-list {
  background: #00133a url(../images/bubbles.jpg) no-repeat center top;
    background-attachment: fixed;
  background-size: cover;
}
.vols-list .section-title {
  padding-bottom: 20px;
}
 
@media only screen and (min-width: 769px) 
{
    
    .vols-list h3 {color:  #34495e ; font-size: 55px; font-family: 'Fredoka One', cursive; text-align: center}
}

.background {background: #ffff }

@media only screen and (max-width: 768px) 
{
    .col-sm-4 {width: 40%;}
    .vols-list h3 {color:  #34495e; font-size: 50px; font-family: 'Fredoka One', cursive; text-align: center}
}

@media only screen and (max-width: 600px) 
{
    .col-sm-4 {width: 100%;}
    .vols-list h3 {color: #34495e; font-size: 50px; font-family: 'Fredoka One', cursive; text-align: center}
    .vols-list p{font-size: 20px}
}

/* ***************************
      HOME FOOTER
****************************** */
.newsletter {
    background-color: #aeb6bf;
    
}

.newsletter .container{
    padding-top: 10px;
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 0px;
}

.newsletter .form-group{
    display: inline-block;
  vertical-align: middle;   
}

.newsletter input[type=email] {
   
    width: 300px;
    height: 50px;
    font-size: 20px;
    
}

.newsletter input[type=submit] {
    height: 51px;
    background-color: #f9d1fc ;
    color:#fff;
    font-size: 20px
}

.newsletter form button {
    height: 50px;
    background-color: #f9d1fc ;
    color:#fff;
    font-size: 20px
}

footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
  }
 
footer p{
    font-size: 20px;
    margin-bottom: -5px;
}
   
  .form-control {
    border-radius: 0;
  }