@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700|Lora:400,700|Roboto:300,400,900,700,500);
body{
  margin: 0;
}
img{
  max-width: 100%;
  height: auto;
}
.post-info{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*background-color: rgb(30,50,61);*/
  /*height: 110vh;*/

}
.heading{
  font-size: 1.5rem;
}
.type{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /*background-color: rgb(30,50,61);*/
  
}
.button{
  display: flex;
  font-family:Lato;
  font-weight: 400;
  justify-content: row;
  margin:.5rem;
}
.button input{
  margin:.5rem;
  font-size: 1.40rem;
  width: 250px;
  padding:.5rem;
  /*color: white;*/
  /*background-color:rgb(43, 167, 123);*/
}
.post-info h1{
  font-family: Roboto;
  font-size: 2.5rem;
  font-weight: 700;
  /*color:white;*/
}
.post-info input[type="text"],.post-info input[type="email"],.post-info input[type="tel"]
,.post-info input[type="textarea"],.type select,.post-info textarea,.type input{
  background: transparent;
  margin:.5rem;
  font-size: 1.2rem;
  width: 500px;
  padding: .5rem;
  /*color: white;*/

}

.post-info textarea{
  padding: 2.5rem .5rem;
}
.type label{
  text-transform: uppercase;
  font-family: Lato;
  font-weight: 400;
  /*background-color: transparent;*/
  font-size: 1.1rem;
  width: 500px;
  padding-left: .5rem;
  padding-top: .5rem;
  /*color: white;*/
}

/***************************MEDIA QUERIES*******************************/
@media screen and (max-width: 750px){

 
.button input{
  font-size: 1.6rem;
  width: 170px;
  
}
.post-info h1{
  font-size: 2rem;
}
.post-info input[type="text"],.post-info input[type="email"],.post-info input[type="tel"]
,.post-info input[type="textarea"],.post-info textarea,.type input{
  font-size: 1rem;
  width: 330px;
}
.post-info textarea{
  padding: 2.5rem .5rem;
}
.type label{
  font-size: 1.2rem;
  width: 330px;
  
}
.footerdesign{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}

.footermenu{
   flex:0 0 49%;
    
}
.footerabout{
    text-align: center;
    flex:0 0 100%;
}
}