@media screen and (max-width:767px){
	
	.info {
  display: block !important;
	margin:10px;
	border-color: #d4d4d4;
	border-style:solid;
	border-width:1px;
	padding:10px;
}

.lewa {
	text-align:center !important;
  width: 100% !important;
	padding:10px;
}

.prawa {
	text-align:center !important;
  width: 100% !important;
	padding:10px;
	text-align: left;
}

.infonaglowek{
	
	font-family:montserrat;
	font-size:13px !important;
	font-weight:700;
	
}

.infotekst{
	
	font-family:montserrat;
	font-size:10px !important;
	font-weight:500;
}
	
	
	
	
	
	#masa_kobieta_PPM, #wiek_kobieta_PPM, #wzrost_kobieta_PPM, #masa_mezczyzna_PPM, #wiek_mezczyzna_PPM, #wzrost_mezczyzna_PPM, #masa_kobieta_CPM, #wzrost_kobieta_CPM, #wiek_kobieta_CPM, #aktywnosc_kobieta_CPM, #masa_mezczyzna_CPM, #wzrost_mezczyzna_CPM, #wiek_mezczyzna_CPM, #aktywnosc_mezczyzna_CPM{
	font-family:montserrat;
	font-size:12px !important;
	font-weight:600;
	color:#262626;
	border-radius:0px;
	background:white;
	border-width:0px;
	width:250px !important;
		margin:5px;
		height:40px !important;
}
	

#przemiana_materii, #plec_PPM, #plec_CPM{
	width:250px !important;
	font-family:montserrat;
	font-size:12px !important;
	font-weight:600;
	color:#262626;
	border-radius:0px;
	background:white;
	border-width:0px;
	height:40px !important;
}
	
	.naglowek{
	color:#262626;
	font-weight:700;
	font-size:13px !important;
	
}
	
	
	#wynikPPM, #wynikCPM{
	background:#f7f8f9;
	padding:20px;
	font-family:montserrat;
	font-size:12px !important;
	font-weight:600;
	color:#262626;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
-moz-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
	border-color: #262626;
	border-left-width:5px;
	border-style:solid;
	border-right-width:0px;
	border-bottom-width:0px;
	border-top-width:0px;
}
	
	
}











/* CSS dla pulpitu PC */

.info {
  display: flex;
	margin:10px;
	border-color: #d4d4d4;
	border-style:solid;
	border-width:1px;
	padding:10px;
}

.lewa {
  width: 20%;
	padding:10px;
}

.prawa {
  width: 80%;
	padding:10px;
	text-align: left;
}

.infonaglowek{
	font-family:montserrat;
	font-size:16px;
	font-weight:700;
	
}

.infotekst{
	font-family:montserrat;
	font-size:13px;
	font-weight:500;
}



#wynikPPM, #wynikCPM{
	background:#f7f8f9;
	padding:20px;
	font-family:montserrat;
	font-size:15px;
	font-weight:600;
	color:#262626;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
-moz-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
	border-color: #262626;
	border-left-width:5px;
	border-style:solid;
	border-right-width:0px;
	border-bottom-width:0px;
	border-top-width:0px;
}


#przemiana_materii, #plec_PPM, #plec_CPM{
	width:600px;
	font-family:montserrat;
	font-size:14px;
	font-weight:500;
	color:#262626;
	border-radius:0px;
	background:white;
	border-width:0px;
}


#masa_kobieta_PPM, #wiek_kobieta_PPM, #wzrost_kobieta_PPM, #masa_mezczyzna_PPM, #wiek_mezczyzna_PPM, #wzrost_mezczyzna_PPM, #masa_kobieta_CPM, #wzrost_kobieta_CPM, #wiek_kobieta_CPM, #aktywnosc_kobieta_CPM, #masa_mezczyzna_CPM, #wzrost_mezczyzna_CPM, #wiek_mezczyzna_CPM, #aktywnosc_mezczyzna_CPM{
	font-family:montserrat;
	font-size:14px;
	font-weight:500;
	color:#262626;
	border-radius:0px;
	background:white;
	border-width:0px;
	width:200px;
}

.naglowek{
	color:#262626;
	font-weight:600;
	font-size:15px;
	
}







#pola_mezczyzna_CPM, #pola_mezczyzna_PPM{
	background: rgb(227,242,245);
background: linear-gradient(90deg, rgba(227,242,245,1) 0%, rgba(201,241,250,1) 50%, rgba(133,202,217,1) 100%);
	padding:20px;
	display: flex;
    justify-content: center;
    align-items: center;
    
    text-align: center;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
-moz-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
}








#pola_kobieta_PPM, #pola_kobieta_CPM{
	padding:20px;
	display: flex;
    justify-content: center;
    align-items: center;
    
    text-align: center;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
-moz-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
	background: rgb(232,209,232);
background: linear-gradient(90deg, rgba(232,209,232,1) 0%, rgba(232,209,232,1) 35%, rgba(241,172,238,1) 100%);
}


#kolumna1, #kolumna2_PPM, #kolumna2_CPM{
	background:#f7f8f9 !important;
	padding:20px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
-moz-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);

}

#kolumna2_PPM, #kolumna2_CPM{
	background:#f7f8f9 !important;
	padding:20px;
  	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
-moz-box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);
box-shadow: 0px 0px 10px 0px rgba(212, 212, 212, 1);

}