@media only screen and   (max-width: 499px)
{

#zdjbok_caly{
  position: relative;
  display: flex;



@media only screen and   (max-width: 499px)
{

#zdjbok_caly{
  position: relative;
  display: flex;
  flex-direction: row;
flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
  width:100%;
  height:auto;
line-height: 0%;


}

#zdjbok_przeglad{


  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
   width: 100%;
   margin-bottom: 25px;
   margin-right:4px;
   height: auto;
   border: 1px solid #e35b00;
   -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}



#zdjbok_ulozenie{
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
   position: relative;
width:100%;
justify-content: space-between;


}



#miniatura_zdjbok{
position: relative;
float: left;
text-align: center;
background: #fff;
width: 80%;

padding-top: 20px;
padding-bottom: 20px;


}

#tekst_zdjbok{
width:100%;
background: #fff;
position: relative;
padding-bottom: 20px;

}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}







@media only screen and  (min-width: 500px) and (max-width: 799px)
{

#zdjbok_caly{
  position: relative;
  display: flex;
  flex-direction: row;
flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
  width:100%;
  height:auto;
line-height: 0%;


}

#zdjbok_przeglad{


  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
   width: 100%;
   margin-bottom: 25px;
   margin-right:4px;
   height: auto;
   border: 1px solid #e35b00;
   -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}

#zdjbok_ulozenie{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   position: relative;
width:100%;
justify-content: space-between;


}

#miniatura_zdjbok{
position: relative;
float: left;
background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
padding: 5px;
background: #fff;

position: relative;








}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}




  @media only screen and  (min-width: 800px) and (max-width: 1299px)
{

  #zdjbok_caly{
    position: relative;
    display: flex;
    flex-direction: row;
  flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    width:100%;
    height:auto;
  line-height: 0%;


  }

  #zdjbok_przeglad{


    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
     width: 48%;
     margin-bottom: 25px;
     margin-right:4px;
     height: auto;
     border: 1px solid #e35b00;
     -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  }

  #zdjbok_ulozenie{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     position: relative;
width:100%;
  justify-content: space-between;


}

#miniatura_zdjbok{
  position: relative;
  float: left;
  background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
  padding: 5px;
  background: #fff;

  position: relative;








}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}

@media only screen and (min-width: 1300px) {


  #zdjbok_caly{
    position: relative;
    display: flex;
    flex-direction: row;
  flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    width:100%;
    height:auto;
  line-height: 0%;


  }

  #zdjbok_przeglad{


    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
     width: 32%;
     margin-bottom: 25px;
     margin-right:4px;
     height: auto;
     border: 1px solid #e35b00;
     -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  }

  #zdjbok_ulozenie{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     position: relative;
width:100%;
  justify-content: space-between;


}

#miniatura_zdjbok{
  position: relative;
  float: left;
  background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
  padding: 5px;
  background: #fff;
  position: relative;
}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;
}

}


#prostokat_srodek{
 border: 1px solid #e35b00;
-webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 
  -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}


@media only screen and (max-width: 899px) {

  #finansowanie_pc{
    display:none;

  }

  #menu_finansowanie{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
     width:100%;

     height:auto;


  }

  #menu_finansowanie_kolumna{
    width:200px;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna:hover{
    width:200px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }


  #menu_finansowanie_kolumna_pomarancz{
  width:auto;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna_pomarancz:hover{
    width:auto;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_finansowanie_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_finansowanie p{
  width:100%;
  text-align:center;
  color:#fff;


  }





  #menu_kierunki_nieb{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
     justify-content: center;
     width:100%;
     height:auto;


  }
  
    #menu_kierunki_szara{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
     justify-content: center;
     width:100%;
     height:auto;


  }


  #menu_kierunki_nieb_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_nieb_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
  
    #menu_kierunki_nieb_kolumnaPodyplomowe{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_nieb_kolumnaPodyplomowe:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
      #menu_kierunki_pomarancz_kolumnaPodyplomowe{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_pomarancz_kolumnaPodyplomowe:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
  
  
  
  
   #menu_kierunki_szara_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
	  flex-wrap: nowrap;
	 cursor: pointer;
     background: #a7a9ac;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_szara_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
	  flex-wrap: nowrap;
	 cursor: pointer;
     text-align:center;
     background: #d1d3d4;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_kierunki_nieb_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_kierunki_nieb p{
  width:100%;
  text-align:center;
  color:#fff;


  }
    #menu_kierunki_szara p{
  width:100%;
  text-align:center;
  color:#000;


  }

  #guzik_rekrutacja_wlasne{
	  cursor: pointer;
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
      margin-left:10%;
 margin-right: 10%;
     height:auto;
     text-align: center;


  }
  

  
  
  
    #guzik_rekrutacja_szare{
	  cursor: pointer;
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
     width:100%;
     height:auto;
     text-align: center;
	 cursor: pointer;


  }

  #guzik_rekrutacja_wlasne_kolumna{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }
  
  
    #guzik_rekrutacja_wlasne_kolumna{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }
  
  
  
  
    #guzik_rekrutacja_szare_kolumna{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #a7a9ac;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #guzik_rekrutacja_wlasne_kolumna:hover{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
    #guzik_rekrutacja_szare_kolumna:hover{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #d1d3d4;;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }







  #guzik_rekrutacja_wlasne_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
	text-decoration: none;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }
  
    #guzik_rekrutacja_wlasne_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
	text-decoration: none;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #guzik_rekrutacja_wlasne p{
  width:100%;
  text-align:center;
  color:#fff;


  }
  
    #guzik_rekrutacja_szare p{
  width:100%;
  text-align:center;
  color:#000;


  }





  }


@media only screen and (min-width: 900px) {
  #finansowanie_mobile{
    display:none;

  }

  #menu_finansowanie{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;

     width:100%;

     height:auto;


  }

  #menu_finansowanie_kolumna{
    width:18%;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna:hover{
    width:18%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }


  #menu_finansowanie_kolumna_pomarancz{
    width:18%;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna_pomarancz:hover{
    width:18%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_finansowanie_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_finansowanie p{
  width:100%;
  text-align:center;
  color:#fff;


  }





#menu_kierunki_nieb{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
   justify-content: space-between;
   width:100%;

   height:auto;


}

#menu_kierunki_szara{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
   justify-content: space-between;
   width:100%;

   height:auto;


}

#menu_kierunki_nieb_kolumna{
  width:18%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_nieb_kolumna:hover{
  width:18%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}

#menu_kierunki_nieb_kolumnaPodyplomowe{
  width:32%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_nieb_kolumnaPodyplomowe:hover{
  width:32%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_pomarancz_kolumnaPodyplomowe{
  width:32%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background:#e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_pomarancz_kolumnaPodyplomowe:hover{
  width:32%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_szara_kolumna{
  width:18%;
height:auto;
color:#000;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #a7a9ac;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_szara_kolumna:hover{
  width:18%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
       color:#000;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #d1d3d4;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}




#menu_kierunki_nieb_txt{

  display: flex;
  margin: 0 5px;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#menu_kierunki_nieb p{
width:100%;
text-align:center;
color:#fff;


}

#menu_kierunki_szara p{
width:100%;
text-align:center;
color:#000;


}




#guzik_rekrutacja_wlasne{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 cursor: pointer;
 margin-left:10%;
  margin-right:10%;
   height:auto;
   text-align: center;


}


#guzik_rekrutacja_szare{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 cursor: pointer;
   width:100%;
   height:auto;
   text-align: center;


}


#guzik_rekrutacja_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
	   cursor: pointer;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#guzik_rekrutacja_wlasne_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   cursor: pointer;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}

#guzik_rekrutacja_szare_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
	   cursor: pointer;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #a7a9ac;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#guzik_rekrutacja_szare_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   cursor: pointer;
   text-align:center;
   background: #d1d3d4;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}





#guzik_rekrutacja_wlasne_txt{

  display: flex;
  margin: 0 5px;
  text-decoration: none;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#guzik_rekrutacja_wlasne p{
width:100%;
text-align:center;
color:#fff;


}

#guzik_rekrutacja_szare p{
width:100%;
text-align:center;
color:#000;


}




}


@media only screen and (max-width: 550px) {

#kierunki_studiow{
  display:none;

}
#rekrutacja{
  display:none;

}


}
@media only screen and (min-width: 551px) {

#kierunki_studiow_mobile{
  display:none;
}

#rekrutacja_mobile{
  display:none;

}

}



#pomarancz_wlasne{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
   width:100%;
   height:auto;
   text-align: center;
   cursor: pointer;


}



#pomarancz_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#pomarancz_wlasne_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}




#pomarancz_wlasne_txt{

  display: flex;
  margin: 0 5px;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#pomarancz_wlasne p{
width:100%;
text-align:center;
color:#fff;


}


#menu_granat_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}
m
  flex-direction: row;
flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
  width:100%;
  height:auto;
line-height: 0%;


}

#zdjbok_przeglad{


  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
   width: 100%;
   margin-bottom: 25px;
   margin-right:4px;
   height: auto;
   border: 1px solid #e35b00;
   -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}



#zdjbok_ulozenie{
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
   position: relative;
width:100%;
justify-content: space-between;


}



#miniatura_zdjbok{
position: relative;
float: left;
text-align: center;
background: #fff;
width: 80%;

padding-top: 20px;
padding-bottom: 20px;


}

#tekst_zdjbok{
width:100%;
background: #fff;
position: relative;
padding-bottom: 20px;

}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}







@media only screen and  (min-width: 500px) and (max-width: 799px)
{

#zdjbok_caly{
  position: relative;
  display: flex;
  flex-direction: row;
flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
  width:100%;
  height:auto;
line-height: 0%;


}

#zdjbok_przeglad{


  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
   width: 100%;
   margin-bottom: 25px;
   margin-right:4px;
   height: auto;
   border: 1px solid #e35b00;
   -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}

#zdjbok_ulozenie{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   position: relative;
width:100%;
justify-content: space-between;


}

#miniatura_zdjbok{
position: relative;
float: left;
background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
padding: 5px;
background: #fff;

position: relative;








}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}




  @media only screen and  (min-width: 800px) and (max-width: 1299px)
{

  #zdjbok_caly{
    position: relative;
    display: flex;
    flex-direction: row;
  flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    width:100%;
    height:auto;
  line-height: 0%;


  }

  #zdjbok_przeglad{


    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
     width: 48%;
     margin-bottom: 25px;
     margin-right:4px;
     height: auto;
     border: 1px solid #e35b00;
     -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  }

  #zdjbok_ulozenie{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     position: relative;
width:100%;
  justify-content: space-between;


}

#miniatura_zdjbok{
  position: relative;
  float: left;
  background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
  padding: 5px;
  background: #fff;

  position: relative;








}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}

@media only screen and (min-width: 1300px) {


  #zdjbok_caly{
    position: relative;
    display: flex;
    flex-direction: row;
  flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    width:100%;
    height:auto;
  line-height: 0%;


  }

  #zdjbok_przeglad{


    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
     width: 32%;
     margin-bottom: 25px;
     margin-right:4px;
     height: auto;
     border: 1px solid #e35b00;
     -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  }

  #zdjbok_ulozenie{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     position: relative;
width:100%;
  justify-content: space-between;


}

#miniatura_zdjbok{
  position: relative;
  float: left;
  background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
  padding: 5px;
  background: #fff;
  position: relative;
}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;
}

}


#prostokat_srodek{
 border: 1px solid #e35b00;
-webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 
  -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}


@media only screen and (max-width: 899px) {

  #finansowanie_pc{
    display:none;

  }

  #menu_finansowanie{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
     width:100%;

     height:auto;


  }

  #menu_finansowanie_kolumna{
    width:200px;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna:hover{
    width:200px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }


  #menu_finansowanie_kolumna_pomarancz{
  width:auto;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna_pomarancz:hover{
    width:auto;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_finansowanie_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_finansowanie p{
  width:100%;
  text-align:center;
  color:#fff;


  }





  #menu_kierunki_nieb{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
     justify-content: center;
     width:100%;
     height:auto;


  }
  
    #menu_kierunki_szara{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
     justify-content: center;
     width:100%;
     height:auto;


  }


  #menu_kierunki_nieb_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_nieb_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
  
    #menu_kierunki_nieb_kolumnaPodyplomowe{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_nieb_kolumnaPodyplomowe:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
      #menu_kierunki_pomarancz_kolumnaPodyplomowe{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_pomarancz_kolumnaPodyplomowe:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
  
  
  
  
   #menu_kierunki_szara_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
	  flex-wrap: nowrap;
	 cursor: pointer;
     background: #a7a9ac;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_szara_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
	  flex-wrap: nowrap;
	 cursor: pointer;
     text-align:center;
     background: #d1d3d4;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_kierunki_nieb_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_kierunki_nieb p{
  width:100%;
  text-align:center;
  color:#fff;


  }
    #menu_kierunki_szara p{
  width:100%;
  text-align:center;
  color:#000;


  }

  #guzik_rekrutacja_wlasne{
	  cursor: pointer;
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
      margin-left:10%;
  margin-right:10%;
     height:auto;
     text-align: center;


  }
  
  
  
  
    #guzik_rekrutacja_szare{
	  cursor: pointer;
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
     width:100%;
     height:auto;
     text-align: center;
	 cursor: pointer;


  }

  #guzik_rekrutacja_wlasne_kolumna{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }
  
  
  
    #guzik_rekrutacja_szare_kolumna{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #a7a9ac;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #guzik_rekrutacja_wlasne_kolumna:hover{
 idth:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
    #guzik_rekrutacja_szare_kolumna:hover{
   idth:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #d1d3d4;;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }







  #guzik_rekrutacja_wlasne_txt{

    display: flex;
    margin: 0 5px;
	text-decoration: none;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #guzik_rekrutacja_wlasne p{
  width:100%;
  text-align:center;
  color:#fff;


  }
  
    #guzik_rekrutacja_szare p{
  width:100%;
  text-align:center;
  color:#000;


  }





  }


@media only screen and (min-width: 900px) {
  #finansowanie_mobile{
    display:none;

  }

  #menu_finansowanie{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;

     width:100%;

     height:auto;


  }

  #menu_finansowanie_kolumna{
    width:18%;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna:hover{
    width:18%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }


  #menu_finansowanie_kolumna_pomarancz{
    width:18%;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna_pomarancz:hover{
    width:18%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_finansowanie_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_finansowanie p{
  width:100%;
  text-align:center;
  color:#fff;


  }





#menu_kierunki_nieb{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
   justify-content: space-between;
   width:100%;

   height:auto;


}

#menu_kierunki_szara{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
   justify-content: space-between;
   width:100%;

   height:auto;


}

#menu_kierunki_nieb_kolumna{
  width:18%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_nieb_kolumna:hover{
  width:18%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}

#menu_kierunki_nieb_kolumnaPodyplomowe{
  width:32%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_nieb_kolumnaPodyplomowe:hover{
  width:32%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_pomarancz_kolumnaPodyplomowe{
  width:32%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background:#e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_pomarancz_kolumnaPodyplomowe:hover{
  width:32%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_szara_kolumna{
  width:18%;
height:auto;
color:#000;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #a7a9ac;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_szara_kolumna:hover{
  width:18%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
       color:#000;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #d1d3d4;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}




#menu_kierunki_nieb_txt{

  display: flex;
  margin: 0 5px;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#menu_kierunki_nieb p{
width:100%;
text-align:center;
color:#fff;


}

#menu_kierunki_szara p{
width:100%;
text-align:center;
color:#000;


}




#guzik_rekrutacja_wlasne{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 cursor: pointer;
  margin-left:10%;
  margin-right:10%;
   height:auto;
   text-align: center;


}


#guzik_rekrutacja_szare{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 cursor: pointer;
   width:100%;
   height:auto;
   text-align: center;


}


#guzik_rekrutacja_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
	   cursor: pointer;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#guzik_rekrutacja_wlasne_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   cursor: pointer;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}

#guzik_rekrutacja_szare_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
	   cursor: pointer;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #a7a9ac;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#guzik_rekrutacja_szare_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   cursor: pointer;
   text-align:center;
   background: #d1d3d4;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}





#guzik_rekrutacja_wlasne_txt{

  display: flex;
  margin: 0 5px;
  text-decoration: none;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#guzik_rekrutacja_wlasne p{
width:100%;
text-align:center;
color:#fff;


}

#guzik_rekrutacja_szare p{
width:100%;
text-align:center;
color:#000;


}




}


@media only screen and (max-width: 550px) {

#kierunki_studiow{
  display:none;

}
#rekrutacja{
  display:none;

}


}
@media only screen and (min-width: 551px) {

#kierunki_studiow_mobile{
  display:none;
}

#rekrutacja_mobile{
  display:none;

}

}



#pomarancz_wlasne{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
   width:100%;
   height:auto;
   text-align: center;
   cursor: pointer;


}



#pomarancz_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#pomarancz_wlasne_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}




#pomarancz_wlasne_txt{

  display: flex;
  margin: 0 5px;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#pomarancz_wlasne p{
width:100%;
text-align:center;
color:#fff;


}


#menu_granat_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}















@media only screen and (max-width: 899px) {

  #finansowanie_pc{
    display:none;

  }

  #menu_finansowanie{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
     width:100%;

     height:auto;


  }

  #menu_finansowanie_kolumna{
    width:200px;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna:hover{
    width:200px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }


  #menu_finansowanie_kolumna_pomarancz{
  width:auto;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna_pomarancz:hover{
    width:auto;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_finansowanie_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_finansowanie p{
  width:100%;
  text-align:center;
  color:#fff;


  }





  #menu_kierunki_nieb{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
     justify-content: center;
     width:100%;
     height:auto;


  }
  
    #menu_kierunki_szara{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
     justify-content: center;
     width:100%;
     height:auto;


  }


  #menu_kierunki_nieb_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_nieb_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
  
    #menu_kierunki_nieb_kolumnaPodyplomowe{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_nieb_kolumnaPodyplomowe:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
      #menu_kierunki_pomarancz_kolumnaPodyplomowe{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_pomarancz_kolumnaPodyplomowe:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
  
  
  
  
   #menu_kierunki_szara_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
	  flex-wrap: nowrap;
	 cursor: pointer;
     background: #a7a9ac;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_szara_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
	  flex-wrap: nowrap;
	 cursor: pointer;
     text-align:center;
     background: #d1d3d4;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_kierunki_nieb_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_kierunki_nieb p{
  width:100%;
  text-align:center;
  color:#fff;


  }
    #menu_kierunki_szara p{
  width:100%;
  text-align:center;
  color:#000;


  }

  #guzik_rekrutacja_wlasne{
	  cursor: pointer;
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
    margin-right:10%;
	margin-left:10%;
     height:auto;
     text-align: center;


  }
  
  
    #guzik_rekrutacja_szare{
	  cursor: pointer;
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
         margin-right:10%;
	margin-left:10%;
     height:auto;
     text-align: center;
	 cursor: pointer;


  }

  #guzik_rekrutacja_wlasne_kolumna{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }
  
  
  
    #guzik_rekrutacja_szare_kolumna{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #a7a9ac;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #guzik_rekrutacja_wlasne_kolumna:hover{
    width:1100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
    #guzik_rekrutacja_szare_kolumna:hover{
    width:100%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
	 cursor: pointer;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #d1d3d4;;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }







  #guzik_rekrutacja_wlasne_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
	text-decoration: none;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #guzik_rekrutacja_wlasne p{
  width:100%;
  text-align:center;
  color:#fff;


  }
  
    #guzik_rekrutacja_szare p{
  width:100%;
  text-align:center;
  color:#000;


  }





  }


@media only screen and (min-width: 900px) {
  #finansowanie_mobile{
    display:none;

  }

  #menu_finansowanie{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;

     width:100%;

     height:auto;


  }

  #menu_finansowanie_kolumna{
    width:18%;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna:hover{
    width:18%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }


  #menu_finansowanie_kolumna_pomarancz{
    width:18%;
  height:auto;

     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_finansowanie_kolumna_pomarancz:hover{
    width:18%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }




  #menu_finansowanie_txt{


    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

  #menu_finansowanie p{
  width:100%;
  text-align:center;
  color:#fff;


  }





#menu_kierunki_nieb{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
   justify-content: space-between;
   width:100%;

   height:auto;


}

#menu_kierunki_szara{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
   justify-content: space-between;
   width:100%;

   height:auto;


}

#menu_kierunki_nieb_kolumna{
  width:18%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_nieb_kolumna:hover{
  width:18%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}

#menu_kierunki_nieb_kolumnaPodyplomowe{
  width:32%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_nieb_kolumnaPodyplomowe:hover{
  width:32%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_pomarancz_kolumnaPodyplomowe{
  width:32%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background:#e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_pomarancz_kolumnaPodyplomowe:hover{
  width:32%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_szara_kolumna{
  width:18%;
height:auto;
color:#000;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #a7a9ac;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_szara_kolumna:hover{
  width:18%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
       color:#000;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #d1d3d4;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}




#menu_kierunki_nieb_txt{

  display: flex;
  margin: 0 5px;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#menu_kierunki_nieb p{
width:100%;
text-align:center;
color:#fff;


}

#menu_kierunki_szara p{
width:100%;
text-align:center;
color:#000;


}




#guzik_rekrutacja_wlasne{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 cursor: pointer;
 margin-right: 10%;
 margin-left:10%;
   height:auto;
   text-align: center;


}


#guzik_rekrutacja_szare{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
 cursor: pointer;
   width:100%;
   height:auto;
   text-align: center;


}


#guzik_rekrutacja_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
	   cursor: pointer;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#guzik_rekrutacja_wlasne_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   cursor: pointer;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}

#guzik_rekrutacja_szare_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
	   cursor: pointer;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #a7a9ac;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#guzik_rekrutacja_szare_kolumna:hover{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   cursor: pointer;
   text-align:center;
   background: #d1d3d4;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}





#guzik_rekrutacja_wlasne_txt{

  display: flex;
  margin: 0 5px;
  padding: 25px 10px;
  text-decoration: none;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#guzik_rekrutacja_wlasne p{
width:100%;
text-align:center;
color:#fff;


}

#guzik_rekrutacja_szare p{
width:100%;
text-align:center;
color:#000;


}




}


@media only screen and (max-width: 550px) {

#kierunki_studiow{
  display:none;

}
#rekrutacja{
  display:none;

}


}
@media only screen and (min-width: 551px) {

#kierunki_studiow_mobile{
  display:none;
}

#rekrutacja_mobile{
  display:none;

}

}



#pomarancz_wlasne{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
   width:100%;
   height:auto;
   text-align: center;
   cursor: pointer;


}



#pomarancz_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#pomarancz_wlasne_kolumna:hover{

  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}




#pomarancz_wlasne_txt{

  display: flex;
  margin: 0 5px;
  padding: 25px 10px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#pomarancz_wlasne p{
width:100%;
text-align:center;
color:#fff;


}


#menu_granat_wlasne_kolumna{
  width:100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}
m
  flex-direction: row;
flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
  width:100%;
  height:auto;
line-height: 0%;


}

#zdjbok_przeglad{


  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
   width: 100%;
   margin-bottom: 25px;
   margin-right:4px;
   height: auto;
   border: 1px solid #e35b00;
   -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}



#zdjbok_ulozenie{
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
   position: relative;
width:100%;
justify-content: space-between;


}



#miniatura_zdjbok{
position: relative;
float: left;
text-align: center;
background: #fff;
width: 80%;

padding-top: 20px;
padding-bottom: 20px;


}

#tekst_zdjbok{
width:100%;
background: #fff;
position: relative;
padding-bottom: 20px;

}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}







@media only screen and  (min-width: 500px) and (max-width: 799px)
{

#zdjbok_caly{
  position: relative;
  display: flex;
  flex-direction: row;
flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
  width:100%;
  height:auto;
line-height: 0%;


}

#zdjbok_przeglad{


  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
   width: 100%;
   margin-bottom: 25px;
   margin-right:4px;
   height: auto;
   border: 1px solid #e35b00;
   -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}

#zdjbok_ulozenie{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   position: relative;
width:100%;
justify-content: space-between;


}

#miniatura_zdjbok{
position: relative;
float: left;
background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
padding: 5px;
background: #fff;

position: relative;








}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}




  @media only screen and  (min-width: 800px) and (max-width: 1299px)
{

  #zdjbok_caly{
    position: relative;
    display: flex;
    flex-direction: row;
  flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    width:100%;
    height:auto;
  line-height: 0%;


  }

  #zdjbok_przeglad{


    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
     width: 48%;
     margin-bottom: 25px;
     margin-right:4px;
     height: auto;
     border: 1px solid #e35b00;
     -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  }

  #zdjbok_ulozenie{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     position: relative;
width:100%;
  justify-content: space-between;


}

#miniatura_zdjbok{
  position: relative;
  float: left;
  background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
  padding: 5px;
  background: #fff;

  position: relative;








}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;

}



}

@media only screen and (min-width: 1300px) {


  #zdjbok_caly{
    position: relative;
    display: flex;
    flex-direction: row;
  flex-wrap: wrap;
    justify-content: center;
    justify-content: space-between;
    width:100%;
    height:auto;
  line-height: 0%;


  }

  #zdjbok_przeglad{


    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
     width: 32%;
     margin-bottom: 25px;
     margin-right:4px;
     height: auto;
     border: 1px solid #e35b00;
     -webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
   box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  }

  #zdjbok_ulozenie{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     position: relative;
width:100%;
  justify-content: space-between;


}

#miniatura_zdjbok{
  position: relative;
  float: left;
  background: #fff;
width: 200px;
height:auto;

}

#tekst_zdjbok{
width:100%;
  padding: 5px;
  background: #fff;
  position: relative;
}

#tekst_zdjbok p{
width: 100%;
position: relative;
text-align: center;
}

}


#prostokat_srodek{
 border: 1px solid #e35b00;
-webkit-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
 
  -moz-box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
  
 box-shadow: 6px 7px 5px -4px rgba(0,0,0,0.7);
}


@media only screen and (max-width: 899px) {


  #menu_kierunki_nieb3{
     position: relative;
     display: flex;
     flex-direction: row;
   flex-wrap: wrap;
     justify-content: center;
     width:100%;
     height:auto;

  }


  #menu_kierunki_nieb3_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #002c55;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_nieb3_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
    #menu_kierunki_pom3_kolumna{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #e35b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


  }

  #menu_kierunki_pom3_kolumna:hover{
    width:180px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
         justify-content: center;
		  flex-wrap: nowrap;
	 cursor: pointer;
     align-items: center;
     margin: 5px 5px 5px 5px;
     text-align:center;
     background: #bb4b00;
     -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
     box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
  }
  
  


  #menu_kierunki_nieb3_txt{

    display: flex;
    margin: 0 5px;
    padding: 25px 10px;
      position: relative;
      justify-content: center;
        align-items: center;
    text-align: center;

  }

#menu_kierunki_nieb3 p{
width:100%;
text-align:center;
color:#fff;

}


  }


@media only screen and (min-width: 900px) {

#menu_kierunki_nieb3{
   position: relative;
   display: flex;
   flex-direction: row;
 flex-wrap: wrap;
   justify-content: space-between;
   width:100%;

   height:auto;


}

#menu_kierunki_nieb3_kolumna{
  width:23%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #002c55;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_nieb3_kolumna:hover{
  width:23%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_pom3_kolumna{
  width:23%;
height:auto;

   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #e35b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);


}

#menu_kierunki_pom3_kolumna:hover{
  width:23%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
       justify-content: center;
   align-items: center;
   margin: 5px 5px 5px 5px;
   text-align:center;
   background: #bb4b00;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   -moz-box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
   box-shadow: 5px 5px 6px -3px rgba(0,0,0,0.78);
}


#menu_kierunki_nieb3_txt{

  display: flex;
  margin: 0 5px;
  padding: 35px 15px;
    position: relative;
    justify-content: center;
      align-items: center;
  text-align: center;

}

#menu_kierunki_nieb3 p{
width:100%;
text-align:center;
color:#fff;

}




}