@media screen and (min-width:1200px){
  .container{
    width: 77%;
    max-width: 950px;
  }
}

@media screen and (max-width:1500px){
  .container{
    max-width: 80%;
  }
}

@media screen and (max-width:1000px){
  .input-container{
    width: 75%;
  }
}

@media screen and (max-width: 767px) {
  .mp-cover h4{
    margin-bottom: 5px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 755px) {
  .mp-cover .header-info h3 {
    font-size: 3.3rem;
  }
  #result{
    margin-bottom: 0px;
  }
}

@media screen and (max-width:720px){
  .container{
    max-width: 90%;
  }
}


@media screen and (max-width:650px){
  footer .container-footer{
    padding: 2%;
  }
  .col-xs-6{
    width: 100%;
  }
  .col-xs-4{
    width: 100%;
    margin-top: 10px;
  }
  .col-xs-2{
    width: 100%;
  }
}

@media screen and (max-width: 630px){
  .container{
    max-width: none;
  }
  .input-container{
    width: 85%;
  }
  .mp-cover .header-info h3 {
    font-size: 2.5rem;
  }
  .mp-cover .row div:first-child h4{
    margin-top: 5px;
  }
}

@media (min-width: 680px) and (max-width: 920px){
  #plusone{
    display: none;
  }
}