/*
 Theme Name:   Home Reme Ds
 Description:  sinatra custom child theme
 Author:       Errol Keith
 Author URI:   http://flexivewebdesign.com
 Template:     sinatra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  homeremeds custom child
*/

  body{
    background-image: url('http://www.homeremedsllc.com/wp-content/uploads/2021/02/background.jpeg');
  }

  .responsive-image{
    width: 100%;
    height: auto;
  }

  .font{
    font-family: 'Pacifico', cursive;
  }

  .remove-bullet{
    list-style-type: none;
  }

  hr.rounded {
    border-top: 8px solid #bbb;
    border-radius: 5px;
  }

  .aligncenter {
    text-align: center;
  }

  img {
    border: 5px solid #555;
  }

  #about-container{
    display:flex;
    flex-direction:row;
    margin:25px;
  }

  #about-content-text{
    font-size:1.25em;
    margin:10px; 
  }

  #about-text-container{
    background-color:rgba(255,255,255,0.5);
    margin:auto;
  }

  #about-img{
    min-width:350px;
    margin:auto;
  }

  #email-form{
    max-width:1180px;
    margin:auto;
    width:1000px;
  }

.grid-item { width: 350px; margin-top:15px;}

.grid-item--width2 { width: 350px; 
  height:auto;
  margin-top:15px;}

#services{
  max-width:1180px;
  margin:auto;
  margin-bottom:20px;
  display:flex;
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-evenly;
  
}

.services-item{
   border: 3px solid #555;
   list-style:none;
  padding:20px;
  margin:5px;
  width:275px;
  text-align:center;
  font-size: 1.25em;
  font-weight:bold;
}

#company-banner{
  width:65%;
  margin:auto;
  margin-top:10px;
}

@media screen and (max-width:800px){
  #company-banner{
    width:95%;
    margin:auto;
    margin-top:30px;
  }
}


  @media screen and (max-width:1020px){
    #email-form{
      margin:auto;
      width:700px;
    }

  }

  @media screen and (max-width:720px){
    #email-form{
      margin:auto;
      max-width:400px;
    }

  }

  @media screen and (max-width:950px){
    #about-container{
      flex-direction:column;
    }

    #about-img{
      max-width:100px;
    }
  }