
.opened  { width: 180px !important; background-color: #636363 !important;  }
.opened .mobilni-trigger { background-color: #e7f3f7 !important;  }

@media only screen and (max-height: 700px) {
	
	#slogani #aviation-for-science img { width: 70%; }
}

@media only screen and (max-height: 450px) {
	
	#slogani #aviation-for-science img { width: 50% !important; }
	#slogani #explore { height: auto; margin-top: 10px; } 
	#slogani #explore img { width: 55% !important; }
	#slogani #tekst { margin-top: 10px; margin-bottom: 0; }
	
	#aviation-for-science-wrap, #crta-pod-glavo { display: none; }
	
}

@media only screen and (max-width: 1280px) {

	.page-center { width: 100%; padding-left: 10px; padding-right: 10px; }
	
/*	#aviation-for-science-inn img { width: 95%; }	*/
	
	
	#gumbi .slika { width: 23%; height: auto; }
	#gumbi .slika img{ width: 100%; height: 100%; }
	
/*	#ura { right: 10px; }  */
	#petition input:nth-child(4) { margin-right: 29px; }
	
	#footer { width: 98%; margin-left:auto; margin-right:auto; }
	
	#seznam .posamezna:nth-child(4n+4) { margin-right: 26px; }
	#seznam .posamezna:nth-child(3n+3) { margin-right: 0px; }
	
	#novica img { width: 100%; }
	#track img { width: 100%; }
	#track iframe { width: 100%; }
	#meritve iframe { width: 100%; }
	
	#toProject img { width: 100%; }
	
	#to2012 img.cela, #to2013 img.cela, #to2016 img.cela, #to2017 img.cela, #to2018 img.cela, #to2019 img.cela, #to2021 img.cela { width: 100%; }
	#to2012 .tekst img, #to2013 .tekst img, #to2016 .tekst img, #to2017 .tekst img, #to2018 .tekst img, #to2019 .tekst img, #to2021 .tekst img { width: 100%; }
	
	#toBlack-carbon .tekst img { width: 48%; }

	#toPilot .tekst  { width: 28%; margin-left: 2%; margin-right: 2%; }
	#toPilot .slike { width: 20%; }
	#to-pilot2 .slike { width: 49%; }
	#to-pilot2 .tekst { width: 49%; }
	
	#carousel { 	width: 100%; }
	
	.slika-siroka { width: 100%; height: }
}


@media only screen and (max-width: 1140px) {

	#slogani #tekst { font-size: 30px; }
	
	#gumbi .slika { margin-right: 2%; }
	#petition input:nth-child(4) { margin-right: 29px; }
	
	#section-7 .logotipi { width: 100%; }
	#section-7 ul { margin-right: 9%;  }
	
	#our-partners .logotipi { width: 100%; }
	#our-partners ul { margin-right: 9%;  }
}

@media only screen and (max-width: 1040px) {

	#menu2 { visibility: hidden; display: none; }
	#meni-phone { visibility: visible; display: block; }
	#mobilni-wrap, #mobilni { visibility: visible; display: block; }
	.menu1-podlaga { visibility: hidden; display: none; }		/* contact na črni pasici */
	#meni-scroll { visibility: hidden; display: none; }
	#glava-logo { visibility: hidden; display: none; }
	#social { visibility: hidden; display: none; }
	
/*	#mobilni { visibility: visible; display: block; } */
	#mobilni .opcije {  visibility: hidden; display: none; }
/*	#mobilni-wrap { clear: right; }*/

	#slider-1-wraper { height: 100vh; }
	#section-1-inn { height: 67px;  }
	
	#slogani { bottom: 25px; }

	#slogani #tekst { font-size: 26px; }
	
	#section-3 .oseba{ width: 100%; float: none; padding-right: 0px; }
	#section-3 .oseba:first-child { padding-bottom: 10px; }
	
	#section-6 { background-size: 90%, 100%; background-position: right top, center top;}
	
	#section-7 ul { margin-right: 5%;  }
	
	#our-partners ul { margin-right: 5%;  }
}

@media only screen and (max-width: 975px) {

	#seznam .posamezna:nth-child(3n+3) { margin-right: 26px; }		/* NOVICE */
	#seznam .posamezna:nth-child(2n+2) { margin-right: 0px; }
	
	#toResearch .slike { width: 48%; }
	#toResearch .slike img { width: 100%; }
}

@media only screen and (max-width: 890px) {

	#slogani #aviation-for-science img { width: 70%; }
	
	#aviation-for-science-inn { height: 130px; padding-top: 5px; padding-bottom: 5px;  }
	#aviation-for-science-inn img { height: 100px;  width: auto; }
	
/*	#section-6 .slika:nth-child(4) { margin-right: 0px; }	*/
	
	#section-7 .naslov { font-size: 40px;  padding-top: 45px; }
	#our-partners .naslov { font-size: 40px;  margin-right: 125px; }
	
	#about-petition #podpisi { -webkit-column-count: 3; -webkit-column-gap: 20px; -moz-column-count: 3; -moz-column-gap: 20px; column-count: 3; column-gap: 20px; }
	
	h1 { font-size: 40px;  padding-top: 40px; padding-bottom: 0px;  }
	
	#novica h1 { font-size: 40px;  padding-top: 16px; padding-bottom: 15px;  }
	
	#airplane-description  table { font-size: 20px; }
	#airplane-description  table th { font-size: 22px; }

	#contact .h1 { font-size: 40px;  padding-top: 40px; padding-bottom: 20px; }
	#contact-form .h2 { font-size: 20px; }
	
	#to2012 .h1, #to2013 .h1, #to2016 .h1, #to2017 .h1, #to2018 .h1, #to2019 .h1, #to2021 .h1 { font-size: 40px; }
	
	#toBlack-carbon .h1 { font-size: 40px; }
	#toBlack-carbon .tekst { width: 100%;  float: none; }
	#toBlack-carbon .slike { width: 100%;  float: none; }
	#toBlack-carbon .slike img { width: 48%; }
	#toBlack-carbon .slike img:first-of-type { margin-right: 1%; }
	#toBlack-carbon .tekst img { width: 48%; }
	#toBlack-carbon .slika-leva { margin-right: 1%; }
	#toBlack-carbon .slika-desna { float: none; }
	
	#toPilot .tekst  { width: 68%; margin-left: 4%; margin-right: 0px; }
	#toPilot .slike { width: 28%; }
	#toPilot .tekst2  { width: 100%; float: left; }
	
	#toResearch .h1 { font-size: 40px; }
	#toTeam .h1 { font-size: 40px; }
	
	#carousel { margin-top: 0px; }
	
}




/* mobile
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (max-width: 700px) {

	#aviation-for-science-inn { height: 80px; padding-top: 2px; padding-bottom: 2px;  }
	#aviation-for-science-inn img { width: auto; height: 75px; }
	#aviation-for-science-inn .page-center.levo { text-align: center; padding-right: 0px; }
	#crta-pod-glavo { display: none; }
	
/*	#section-1 { background-position:0px 60px; } */
	#slogani { margin-top: 300px; }
/*	#slogani #aviation-for-science img { width: 50% !important; }*/
	#slogani #explore img { width: 70%; }
	#slogani #tekst { font-size: 22px; margin-top: 0px; }
	
	#section-2 { padding-top: 30px; padding-bottom: 26px;  font-size: 20px; }
	#section-3 .oseba img{ width: 50% !important; margin-right: 20px; }
	#section-3 .naslov{ font-size: 35px;   }
	
	#section-4 { padding-top: 25px; padding-bottom: 20px;  font-size: 20px;  }
	
	#section-6 { background-position: right 320px, top center;}
	#section-6 .naslov { font-size: 35px; padding-top: 45px; }
	#section-6 ul { font-size: 20px; padding-bottom: 150px; }
	
	#section-7 .crta { visibility: hidden;  }
	#section-7 ul { margin-bottom: 25px; text-align: left; list-style-type: none; float: left; }
	#section-7 ul:nth-child(3n+3) { clear: left;  }
	#section-7 ul:nth-child(2n+2) { margin-right: 0px; }
	#section-7 li:last-of-type { margin-top: 25px; }
	#section-7 .naslov { font-size: 35px;  padding-top: 35px; }
	
	#our-partners { padding-top: 40px; }
	#our-partners .crta { visibility: hidden;  }
	#our-partners ul { margin-bottom: 25px; text-align: left; list-style-type: none; float: left; }
	#our-partners ul:nth-child(3n+3) { clear: left;  }
	#our-partners ul:nth-child(2n+2) { margin-right: 0px; }
	#our-partners li:last-of-type { margin-top: 25px; }
	#our-partners .naslov { font-size: 35px; padding-top: 0px; margin-right: 0px; }
	
	#petition { font-size: 35px; }
	#about-petition #podpisi { -webkit-column-count: 2; -webkit-column-gap: 20px; -moz-column-count: 2; -moz-column-gap: 20px; column-count: 2; column-gap: 20px; }
	
	#crta-pod-glavo { height: 27px; }
	
	h1 { font-size: 35px;  }
	h2 { font-size: 20px;  }
	
	#seznam  { margin-top: 45px; margin-bottom: 50px; }			/* novice */
	#novica { padding-top: 45px; padding-bottom: 35px; }
	#novica h1 { font-size: 35px;  padding-bottom: 10px; }
	#novica .datum { font-size: 20px; }
	#novica .uvod { font-size: 20px; padding-bottom: 7px; }
	
	#contact .osebe{ width: 100%; float: none; padding-right: 0px; }
	#contact .h1 { font-size: 35px;  padding-top: 30px; padding-bottom: 10px; }
	#contact-form { width: 100%; float: none; margin-top: 40px; margin-bottom: 20px;  }
	#contact-form .h2 { font-size: 18px; }
	
	#to2012 .h1, #to2013 .h1, #to2016 .h1, #to2017 .h1, #to2018 .h1, #to2019 .h1, #to2021 .h1 { font-size: 35px; padding-top: 35px; padding-bottom: 0px; text-align: center; float: none; }
	#to2012 .link, #to2013 .link, #to2016 .link, #to2017 .link, #to2018 .link, #to2019 .link, #to2021 .link { padding-top: 0px; text-align: center; float: none; }
	#to2012 p.link, #to2013 p.link, #to2016 p.link, #to2017 p.link, #to2018 p.link, #to2019 p.link, #to2021 p.link { margin-top: 0px; }
	#to2012 .link a, #to2013 .link a, #to2016 .link a, #to2017 .link a, #to2018 .link a, #to2019 .link a, #to2021 .link a { font-size: 20px; }
	
	#toBlack-carbon { padding-bottom: 25px; }
	#toBlack-carbon .h1 { font-size: 35px;  padding-top: 30px; padding-bottom: 10px; }
	
	#toPilot .h1 { font-size: 35px;  padding-top: 30px; padding-bottom: 10px; }
	#to-pilot2 .slike { width: 100%; float: none; }
	#to-pilot2 .tekst { width: 100%; float: none; }
	
	#toResearch { padding-bottom: 25px; }
	#toResearch .h1 { font-size: 35px;  padding-top: 30px; padding-bottom: 10px; }
	
	#toTeam .h1 { font-size: 35px;  padding-top: 30px; padding-bottom: 10px; }
}


@media only screen and (max-width: 570px) {

	#glava-logo-phone  {  }
	#glava-logo-phone img { width: 210px; margin-top: 10px; }
	
	#section-6 { background-position: right 375px, top center;}
	#section-6 ul {  padding-bottom: 100px; }
	
	#our-partners .naslov { padding-top: 0px;  }
	
	#partners-logos .zgornji li { margin-right: 30px; }
	#partners-logos .zgornji li:last-of-type { margin-right: 0px; }
	
	#petition { font-size: 30px; }
	
	#airplane-description #prva { float: none; width: 100%; margin-bottom: 30px; }
	#airplane-description #druga { float: none; width: 100%; background-image: url('../images/glava-tabele.gif'); background-repeat: repeat-x; margin-bottom: 30px; }
	
	
	#to2012 .tekst, #to2013 .tekst, #to2016 .tekst, #to2017 .tekst, #to2018 .tekst, #to2019 .tekst, #to2021 .tekst { width: 100%;  float: none; }
	#to2012 .slike, #to2013 .slike, #to2016 .slike, #to2017 .slike, #to2018 .slike, #to2019 .slike, #to2021 .slike { width: 100%;  float: none; }
	#to2012 .slike img, #to2013 .slike img, #to2016 .slike img { width: 49%; }
	#to2017 .slike img, #to2018 .slike img, #to2019 .slike img, #to2021 .slike img { width: 32%; }
	
	#toPilot .tekst  { width: 58%; }
	#toPilot .slike { width: 38%; }
	
	#carousel img { width:258px;  height:258px; }
	#textbox-wrap { width: 230px; }
	#textbox { top: -65px; }
}





@media only screen and (max-width: 450px) {

	
	#partners-logos { height: 120px; }
	#partners-logos .zgornji {  height: 200px;  }
	#partners-logos .zgornji li { float: none; margin-right: 0px; margin-bottom: 15px; }
	
	#petition { font-size: 26px; }
	#about-petition #podpisi { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
	
	#airplane-description  table { font-size: 18px; }
	#airplane-description  table th { font-size: 20px; }
	
	#to2012 .slike img, #to2013 .slike img, #to2016 .slike img, #to2017 .slike img, #to2018 .slike img, #to2019 .slike img, #to2021 .slike img  { width: 100%; margin-top: 10px; }

	#toPilot .tekst  { width: 48%; }
	#toPilot .slike { width: 48%; }
	
	
}




/* small mobile
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (max-width: 410px) {

	#toBlack-carbon .slike img { width: 100%; }
	#toBlack-carbon .slike img:first-of-type { margin-right: 0px; }
	#toBlack-carbon .tekst img { width: 100%; margin-top: 22px;}
	#toBlack-carbon .slika-leva { margin-right: 0px; }
	
	#toPilot .tekst  { width: 100%; margin-left: 0px; }
	#toPilot .slike { width: 100%; }
	
	#toResearch .tekst { width: 100%;  float: none; }
	#toResearch .slike { width: 100%;  float: none; }
	
	
}


@media only screen and (max-width: 380px) {

	#glava-logo-phone img { width: 180px; margin-top: 13px; }
	#mobilni { padding: 10px 0px 0px 0px; }
	#mobilni .mobilni-trigger { padding:8px 0px 1px 8px; }
}
