/*---------------------------------------------------------------*/
/* contact section
/*---------------------------------------------------------------*/
  #contactpage .pozadina{
    background-color: white; 
  }
   
  #contactpage .container{
    padding-bottom: 20px;
    padding-top: 20px;
 
  }

  #contactpage .naslov {
    color: yellow;
    font-size: 25px;
    padding: 13px;
  }
  
  #contactpage .podnaslov {
    color: yellow;
    font-size: 15px;
    margin-top: -27px;
  }
  
  #contactpage .card-pozadina {
    background-color:  Honeydew; 
  }
  
  #contactpage .cardresponone {
    max-width:100%;
    width: 100%;
    padding: 20px;
  }
  
  #contactpage .cardcolor1 {
    color: black;
    background-color: Honeydew; 
  }
  
  
  #contactpage .cardshadow1 {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  }
  
  #contactpage .iframeshadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  }
  
  #contactpage .responsive-iframe {
    width: 100%;
    height: 100%;
    min-height: 550px;
    overflow-y: hidden;
    overflow-x: visible;
  }
  
  #contactpage .responsive-form-contact {
    width: 100%;
    height: 100%;
    min-height: 300px;
    overflow-y: hidden;
    overflow-x: visible;
    padding: 20px;
    text-align: left;
    background-color:Honeydew;  
  }
  
  #contactpage .naslov-form {
    color: black;
    font-size: 20px;
  }
  
  #contactpage .label-form {
    color: black;
    font-size: 14px;
  }
  
  /* Tablet Layout: 768px. */
  @media only screen and (min-width: 768px) and (max-width: 991px) { 
    .myclass > div {
        margin-bottom: 10px;
    }
  }
  
  /* Mobile Layout: 320px. */
  @media only screen and (max-width: 767px) {
    .myclass > div {
      margin-bottom: 10px;
    }
  }