body {
    background-color: black;
    background-image: url("../images/relax2.JPG");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
     font-family: 'Montserrat',sans-serif
}

                
                

/*navigacija*/
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background: #8dc63f;
    color: black;
    font-weight: bold;
}
.navbar {
    background: black
}

/*kraj navigacije*/


/*tekst prva strana*/
.h1, h1 {
    
    color: #8dc63f;
   margin-top: 0;
   
    
}

.stres1 {
   color: #FFF200;
   font-size: 16px;
  }
/*kraj teksta prva strana*/

/*listen link prva strana*/
.listen img {
    
    margin: auto;    
    display: block;
}




/*iframe start*/
.responsive-video {
    margin-top: 2.5em;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60%;
    overflow: hidden
}
.responsive-video iframe, .responsive-video object, .responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
/*iframe kraj*/


/*tabela
.table > thead > tr > th {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #8dc63f

}

.table > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #FFF200
}

tabela hover boja
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: black;
}

kraj tabele*/

/*footer*/
/*.kontakt {

  color: #FFF200;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  padding-top: 1em;
  
}

.kontakt a {
  font-family: 'Montserrat',sans-serif;
  font-size: 16px;
  font-weight: bolder
}*/




/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        
        .stres2 {
   color: #FFF200;
   font-size: 10px;
  }
        
         .kontakt {

  color: #FFF200;
  font-family: 'Montserrat',sans-serif;
  font-size: 8px;
  padding-top: 1em;
  
}

.kontakt a {
  font-family: 'Montserrat',sans-serif;
  font-size: 10px;
  font-weight: bolder
}


    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        
        .stres2 {
   color: #FFF200;
   font-size: 12px;
  }
        
        .kontakt {

  color: #FFF200;
  font-family: 'Montserrat',sans-serif;
  font-size: 10px;
  padding-top: 1em;
  
}

.kontakt a {
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: bolder
}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

        .stres2 {
   color: #FFF200;
   font-size: 14px;
  }
        
        /*footer*/
.kontakt {

  color: #FFF200;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  padding-top: 0em;
  
}

.kontakt a {
  font-family: 'Montserrat',sans-serif;
  font-size: 14px;
  font-weight: bolder
}
        
    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }