body{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-family: 'Ubuntu', sans-serif;  
}

.container-message{
  max-width:1170px;
  margin-left:auto;
  margin-right:auto;
  padding:1rem;
  background-color: #1d9c73;  
}

#faicon{
  list-style: none;
  padding:0;
}

#faicon .fa{
  padding-bottom: 10px;
}

#i1{
  margin-left: -5.5rem;
}
#i2{
  margin-left: -3.45rem;
}
#i3{
  margin-left: .2rem;
}

#faicon .fa{
  margin-right: 2rem;
  padding-right: 1rem;
}

.brand{
  text-align: center;
  font-style: italic;
}

.brand span{
  color:#fff;
}

.company-info h3, .company-info ul{
  text-align: center;
  margin:0 0 1rem 0;
  color:#fff;
}

.contact{
  background:white;
}

#contactForm{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap:20px;
  background-color:  #1d242a;
  border:1px solid black;
}

.contact form label{
  display:block;
  color:#fff;
}

.contact form p{
  margin:0;
}

.contact form .full{
  grid-column: 1 / 3;
}

.contact form button, .contact form input, .contact form textarea{
  width:100%;
  padding:1em;
  border:1px solid #c9e6ff;
}

.contact form button{
  background-color:rgb(232,88,12);
  border:2px solid #fff ;
  border-radius: 4px;
  text-transform: uppercase;
  cursor: pointer;
}

.contact form button:hover,.contact form button:focus{
  background-color:rgb(171,65,9);
  color:#fff;
  outline:0;
  transition: background-color 2s ease-out;
}

.alert{
  text-align: center;
  padding: 5px;
  background-color: crimson;
  color: #fff;
  margin-bottom: 10px;
  display: none;
}

main{
  background-color:#f9feff;
  background: url(../img/paper.jpg) center center no-repeat ;
  background-size: cover;
}

.brandtxt{
  color:#fff;
  font-size: 17px;
  margin: 5px 0px 10px 0px;
  line-height: 1.9rem;
}

#jog2016{
  margin-top:-40px;
}

#messageicon-div{
  text-align: center;
}

#messageicon{
  width:50px;
  height: 50px;
  border-radius:9999px;
}

@media (min-width: 600px) and (max-width:767px){

  #faicon .fa{
  padding-bottom: 10px;
}

#i1{
  margin-left: -19.9rem;
}
#i2{
  margin-left: -17.9rem;
}
#i3{
  margin-left: -14.3rem;
}


#faicon .fa{
  margin-right: 2rem;
  padding-right: 1rem;
}
  
}
@media (min-width: 768px){

#faicon .fa{
  padding-bottom: 10px;
  padding-left: 180px;
}

#i1{
  margin-left: -39.5rem;
}
#i2{
  margin-left: -36.5rem;
}
#i3{
  margin-left: -30.8rem;
}


#faicon .fa{
  margin-right: 2rem;
  padding-right: 1rem;
}


#jog2016{
  margin-top:-70px;
}  

#messageicon-div{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 40px;
}
#messageicon{
  width:120px;
  height: 120px;
  border-radius: 9px;
  }  
}

@media (min-width: 1024px) and (max-width:1280px){
  .contact{
    margin-bottom: 390px;
  }
}