ContactUs.css

.navbar {
      margin-bottom: 0;
      border-radius: 0;
      opacity: 0.9;
    }
    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding:40px;
    }
 /******logooo***********/
  #logic{
    height: 1.5em;
  }
/*******fuuter*****/
#futer{
  background-color: #404040;
  /*background-color: #ff0000;*/
}
#ukras{
  border-color: #7f8282;
  border-width: 2vw;
  margin-bottom: 0;
}
footer p{
  color: white;
}

body{
  padding-top: 70px;
}

span img{
  height:2em; 
  width:2em;
}
footer span{
  display: inline-block;
  margin-right: 1em;
}

@media only screen and (max-width: 800px) {
  .mali {
    font-size: 6px;
  }
}
@media screen and(max-width: 760px)
{
    textarea{
      width: 250px;
      height: 40px;
    }
}

@media screen and (min-width:767px) and (max-width: 1800px)
{
  .kontakt > .FormaKontakt_dev
  {
    width: 350px;
    float: left;
    padding: 10px;
    display: inline-block;
  }
  .kontakt > .pitanja_dev
  {
    padding: 10px;
    display: inline-block;
  }

}

/**Tabela za kontakt**/
label input{
  width: 300px;
  height: 40px;
}
label{
  margin-bottom: 20px;
  width: 100%;
  margin-top: 5px;
}
.FormaKontakt{
  width: 100%;
  margin: auto;
  float: left;
  box-sizing: border-box;
  
}
table {
  border-spacing: 5px;
  border-collapse: separate;
}
td{
  padding: 3px;
}

.kontakt{
  width: 100%;
  float:left;
  box-sizing: border-box;
}

.pitanja{
  box-sizing: border-box;
  float: left;
}
input[type="text"],input[type="tel"],input[type="email"]{
  border-radius: 10px;
  text-indent: 5px;
}
textarea{
  border-radius: 10px;
  text-indent: 5px;
}

#dugme{
  clear: left;
}
.upozorenje{
  color: red;
  display: none;
}