:root {

--animace: ease 0.3s;

--white: white;
--black: black;
--blue: #0096D6;
}


@font-face {
	font-family: 'forma_djr_micro';
	src: url('../fonts/formadjrmicro-regular-webfont.woff2') format('woff2'),
		url('../fonts/formadjrmicro-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'forma_djr_micro';
	src: url('../fonts/formadjrmicro-bold-webfont.woff2') format('woff2'),
		url('../fonts/formadjrmicro-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}


img {max-width: 100%; height: auto; display: inline-block;}
p {margin: 10px 0; line-height: 1.4;}
a {text-decoration: underline; color: inherit;}
a:hover {color: inherit; text-decoration: none;}
hr {display: block; line-height: 0; height:0; font-size:0; border: none; border-top: 2px solid var(--blue); padding:0; margin: 65px 0 65px 0; _margin: 6px 0 7px 0; *margin:6px 0 7px 0; position: relative; overflow:  inherit;} 

input, option, select {background: transparent; color: var(--black);}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--blue); } ::-moz-placeholder { /* Firefox 19+ */ color: var(--black); } :-ms-input-placeholder { /* IE 10+ */ color: var(--black); } :-moz-placeholder { /* Firefox 18- */ color: var(--black); }


html {margin: 0; padding: 0; background: var(--white); color: var(--black); scroll-behavior: smooth; overflow-x: hidden;}
body {font-family: 'forma_djr_micro', sans-serif; font-size: 16px; margin: 0; padding: 0; overflow-x: hidden;}
section {padding: 3em 0;}


/* SWIPER */
#normalni{
	position: unset;
}
.swiper-button-prev
{ 

	left: -30px;
	background-color: black;
	margin: 0 0 0 0;
	padding: 10px 5px;
	color: white;
	}
.swiper-button-next { 
left: auto;
	right: -30px;
    background-color: black;
    margin: 0 0 0 0;
    padding: 10px 5px;
    color: white;
	}


/*.swiper { display: grid; grid-template-columns: 1200px!important; justify-content: center; align-items: center;}.swi
per-button-next::after,.swiper-button-prev::after { content: ""; }.swiper-button-next{ background-image: url(../img/slider/sipka-prava.svg)!important; background-repeat: no-repeat;background-position: center;background-size:40px; width: 100px; height: 120px;}.swiper-button-prev{ background-image: url(../img/slider/sipka-leva.svg)!important; background-repeat: no-repeat;background-position: center;background-size:40px; width: 100px; height: 120px;}
/* swiper normal */
/*.swiper-slide { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;flex-shrink: 0; width: 300px; height: 100%; position: relative; transition-property: transform; display: flex;}#normalni .swiper-wrapper{ height: 100%!important;}#normalni .swiper-slide img{ max-width: 300px;height: auto;opacity: 1!important;}#normalni .swiper-slide .lol img{ max-width: 300px;height: auto;opacity: 1!important;}#normalni img{ -webkit-filter: opacity(40%)!important; filter: opacity(40%)!important; opacity: 1!important;}#normalni .swiper-slide-active img{ -webkit-filter: opacity(100%)!important; filter: opacity(100%)!important; opacity: 1!important;}#normalni .swiper-button-next{ background-image: url(../img/slider/sipka-prava.svg)!important; background-repeat: no-repeat;background-position: center;background-size:40px; width: 100px; height: 60px;}#normalni .swiper-button-prev{ background-image: url(../img/slider/sipka-leva.svg)!important; background-repeat: no-repeat;background-position: center;background-size:40px; width: 100px; height: 60px;}
/* konec swiper */


/* zaklad */

#open_preferences_center{justify-content: center; display: grid;}
.reCaptcha{justify-content: center;display: grid;padding-bottom: 25px;}

h1, h2, h3, h4, h5 {}

h1 {font-size: 4em; margin: 0; padding: 0; line-height: 1;}
h2 {font-size: 2em; margin-bottom: 1em;}
h2 span {font-size: 0.7em; display: block; font-weight: normal;}


.sec-blue {background: var(--blue); color: var(--white);}
.sec-grey {background: #EEEEEE; color: var(--white);}
.grid-2 {display: flex; gap: 5rem; margin: auto;}
.button-odeslat-center {margin-top: 22px; padding-right: 80px}
/* KOMPONENTY */

.button {display: inline-flex; text-decoration: none; padding: 0.8rem 2rem; margin-top: 1em; transition: var(--animace); background-color: var(--black); color: var(--white); text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 1rem;}
.button:hover {background-color: var(--blue); color: var(--white);}


.button-spec {display: inline-flex; text-decoration: none; padding: 0.8rem 2rem; margin-top: 1em; transition: var(--animace); background-color: var(--black); color: var(--white); text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 1rem;}
.button-spec:hover {background-color: var(--blue); color: var(--white);}

.button-doc {display: inline-flex; text-decoration: none; padding: 0.8rem 2rem; margin-top: 1em; transition: var(--animace); background-color: var(--black); color: var(--white); text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 1rem;}
.button-doc:hover {background-color: var(--white); color: var(--black);}

.sec-blue .button:hover {background-color: var(--white); color: var(--black);}
.sec-grey .button:hover {background-color: var(--white); color: var(--black);}


.width {width: 90%; max-width: 1200px; margin: 0 auto; position: relative;}
.widthnb {width: 90%; max-width: 1200px; margin: 0 auto; position: relative;}
.Main {position: relative;} 

header p {font-size: 1.25em;}
.logo img {display: block;width: 50%}
.logo2 img {filter: invert(1); display: block;width: 50%}
.header_top {padding: 2.5rem 0;}

.header_bottom {position: relative; padding: 5em 0;}
.header_bottom .big {font-size: 2.25em; font-weight: bold; line-height: 1.1; margin: 2rem 0; max-width: 620px;}

.header_bottom .width {position: relative;}
.header_bottom .width .wrap {width: 70%; margin-left: 0; margin-right: auto;}
.header_bottom__tiskarna {content: "";position: absolute;left: 65%;top: 90%;display: block;z-index: 0; width: 1018px;height: 840px;background: url(../images/bg_tiskarna1.webp) left top no-repeat;background-size: 80%;transform: translateY(-50%);}

/*NAVIGACE*/
#navbar{display: flex; width: 40%; justify-content: space-between; align-items: center;padding:10px;}
.nav-li{margin: auto 0;}
.nav-item{text-decoration: none; width:max-content; font-weight:300;}
.nav-item:hover{color: var(--blue);transition: 0.6s;}
.nav-item2{text-decoration: none; width:max-content;color:var(--white);font-weight:300;}
.nav-item2:hover{color: var(--black);transition: 0.6s;}
.nav-item2-active{text-decoration:underline;width:max-content;color:var(--white);}
.nav-item2-active:hover{color: var(--black);transition: 0.6s;}
.nav-li{list-style-type: none;}
.nav {padding: 0 0; max-width: 1200px; position: relative; margin: 0 auto;}



/* Vlastnosti */

.sec-vlastnosti {padding: 0;}
.sec-vlastnosti .width {position: relative;}
.sec-vlastnosti .width::before {content: ""; position: absolute; left: 0; width: 100%; height: 100%; background: url(../images/bg_side.webp) right top no-repeat; transform: translateX(-100%); width: calc((100vw - 100%)/2); border-top: 12px solid var(--white); border-bottom: 12px solid var(--white); box-sizing: border-box;}

.sec-vlastnosti .widthnb {position: relative;}
.sec-vlastnosti .widthnb::before {content: none; background: transparent;}

.vlastnosti {width: 90%; margin: 0 auto; max-width: 820px; padding: 3em 0;}
.vlastnost {position: relative; margin: 0;}
.vlastnost h2 {font-size: 1.5em; position: relative; display: flex; align-items: center; width: 100%; margin: 0; padding: 1em 0; padding-right: 50px; box-sizing: border-box;}
.vlastnost .a h2 {cursor: pointer;}
.vlastnost h2::before {content:""; height: 30px; width: 4px; background-color: var(--blue); padding: 0; margin-right: 1em; display: block;}
.h2par {font-size: 1.5em; position: relative; display: flex; align-items: center; width: 100%; margin: 0; padding: 1em 0; padding-right: 50px; box-sizing: border-box;}
.h2par::before {content:""; height: 30px; width: 4px; background-color: var(--blue); padding: 0; margin-right: 1em; display: block;}
.vlastnost .a h2::after {content: ""; color: var(--blue); width: 43px; height: 43px; background-color: #eee; border-radius: 50%; background-image: url(../images/plus.svg); background-position: center; background-repeat: no-repeat; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 0px; transition: var(--animace);}
.vlastnost .a h2:hover {color: var(--blue);}
.vlastnost .a h2:hover::after {background-color: #ddd;}
.h2tisk{padding-left: 30px!important;color: var(--blue);}
.h2tisk::before{content: none!important;margin-right: 1em; display: block;}


.produkt {grid-template-rows: 1fr;position: relative; margin: 0;}
.produkt h2{font-size: 1.5em; position: relative; display: flex; align-items: center; width: 100%; margin: 0; padding: 1em 0; padding-right: 50px; box-sizing: border-box;}
.produkt h2::before{content:""; height: 30px; width: 4px; background-color: var(--blue); padding: 0; margin-right: 1em; display: block;}

.vlastnost.active h2::after {transform: translateY(-50%) rotate(0deg);}

.vlastnost__text {display: grid; overflow: hidden; grid-template-rows: 0fr; transition: var(--animace);}
.vlastnost__text > div {overflow: hidden; text-align: left;padding-left: 30px;}
.vlastnost.active .vlastnost__text {grid-template-rows: 1fr;}
.vlastnost__table {display: grid; overflow: hidden; grid-template-rows: 0fr; transition: var(--animace);}
.vlastnost__table > div {overflow: hidden; text-align: left;padding-left: 30px;overflow-x: auto;}
.vlastnost.active .vlastnost__table {display: inline-table;}
.vlastnost li{margin:0 0 20px 0}
li::marker{color: var(--blue);}

/* Materialy ke stazeni */

.sec-materialy {position: relative; text-align: center; font-size: 1.25em;}
.sec-materialy h2 {position: absolute; text-indent: -99999px;}
.sec-materialy .width {max-width: 710px; margin: 0 auto;}


/* Designova fotka */

.sec-designimage {position: relative; padding-top: 40%; background: url(../images/bg_desigimage.webp) top center no-repeat; background-size: cover;}
.sluzbybottom {position: relative; padding-top: 40%; background: url(../images/sluzby_bottom.webp) top center no-repeat; background-size: cover;}
.sluzbytop {position: relative; padding-top: 15%; background: url(../images/sluzby_top.webp) top center no-repeat; background-size: cover;}


/* Partneri */

.sec-partneri {text-align: center;}
.partneri {display: grid; grid-template-columns: repeat(3, 1fr); margin: 5em 0 0 0; gap: 1.5em 1.5em; justify-content: space-between;align-items: center;}
.partner {
	background: var(--purple-light);
    padding: 1em;
    border-radius: 1.1em;
    text-align: center;
    background:#eee;
    background: linear-gradient(48deg, rgba(238,238,238,0.33) 0%, rgba(238,238,238,0.33) 100%);}

.partner h3{ margin: 0; font-size: 1.45em;}

.partner__logo {height: 50px;margin: 25px 0; display: grid;align-content: center;}

.partner__pozice{ margin: 0 0 10px 0 }
/*.partner__kontakty::before {content: ""; display: block; width: 60px; height: 2px; background: black; margin-bottom: 1em; margin-left: auto; margin-right: auto;}*/
.partner__jmeno {font-weight: bold;}
.partner__kontakty {margin: 0; padding: 0; margin-top: 0.5em;}
.partner__kontakty li {list-style: none;}
.partner__kontakty li a {text-decoration: none; transition: var(--animace); display: flex; align-items: center; justify-content: center; padding: 2px 0;}
.partner__kontakty li a:hover {color: var(--blue);}

.partner__kontakty li:nth-child(1) a::before {content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_tel.svg) center no-repeat; margin-right: 4px;}
.partner__kontakty li:nth-child(2) a::before {content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_mail.svg) center no-repeat; margin-right: 4px;}

footer {padding: 0;background-color: #EEEEEE;}
footer img {margin:0 auto;display: grid;}
.bottom{padding:1em 0 ;display: grid; grid-template-columns: 1.5fr 0.5fr;}
.bottom-left{display:flex;align-items:  center;}
.bottom-right{text-align: right;}
.bottom-text{margin: 0 4px;}
.footerWidth {background: var(--blue);color: var(--white);display: flex; gap: 10%; justify-content: center; align-items: center; flex-wrap: wrap;margin: 100px 0 50px 0;}
.footerWidth > .foo_right {text-align: left;}


/*Partneri solo*/
	.wide{max-width: 1600px;}
	.underline::after{content: "";height: 1px; width: 100%; margin: 10px auto; display: block; background: var(--blue)}
	.partneri_solo{display: grid; grid-template-columns: repeat(2, 1fr); margin: 4em auto 0 auto; gap: 3em;max-width:1000px;}
	.partner__logo {margin: 1em auto; width: 80%; height: 30px; justify-content: center; text-align: center;}
	.partner_solo img {height: 40px; width: auto; display: inline-block}
	.partneri_headline{text-align: left;font-size: 20px;margin: 32px;margin-bottom: 0;}
	.partneri_obsah{display: none; transition: var(--animace);}
	.partner_solo.active .partneri_obsah{display: grid; font-size: 16px;grid-template-columns: auto auto; grid-template-rows: 1fr;margin: 1em 2em 2em 2em;text-align: left;transition: var(--animace);}
	.partneri_text{text-align: left;font-size: 16px;grid-column-start: 1;grid-column-end: 3;}
	.partneri_text::after{content: "";height: 1px; width: 100%; margin: 20px auto 0 auto; display: block; background: var(--blue)}
	.ikona{height: 16px!important;margin-right: 8px;color: #0096D6;}
        .phone{margin: 0 13.44px 0 7.44px;}
	.partneri_obsah a{text-decoration: none;cursor: pointer;}
        .partneri_obsah a:hover{text-decoration: underline; color: var(--blue);}
	.partneri_obsah .odkaz__name{font-size: 18px;}
	.more{background-color: var(--black);border-radius: 0 0 1.1em 1.1em;padding: 1em;cursor: pointer;margin-top: 20px;align-self: end;}
        .more::before{content: "";height: 16px; width: 5%; margin: 0 auto 10px auto; display: block; background: url(../images/plus1.svg) no-repeat;}
	.partner_solo.active .more::before{content: "";height: 3px; width: 3.5%; margin: 0 auto 10px auto; display: block; background: white;}
	.partner_solo {display: grid; height: fit-content;min-height: 320px; padding-top: 1em; border-radius: 1.1em; text-align: center; background: #EEEEEE;transition: var(--animace);}
	.more a{color:var(--white);text-decoration: none; transition: var(--animace);}
	.vice{display:grid;}
	.mene{display: none;}
	.partner_solo.active .vice{display: none;}
	.partner_solo.active .mene{display: grid;}
	.more a:hover {text-decoration: none; color: var(--blue);}
	.partneri_bottom {position: relative; padding-top: 15%; background: url(../images/partneri_bottom.webp) top center no-repeat; background-size: cover;}
	.rozdelovnik::after{content: "";height: 3px; width: 32px; margin: 20px auto; display: block; background: var(--blue)}
	/*Partneri solo*/
/*Nesvadba*/
.specialista {display: grid; align-items: center; gap: 2em;grid-template-columns: 0.4fr 1fr;grid-template-rows: min-content min-content;}
.spec-text{font-size: 16px;color: black;text-align: left;padding:0 6em 0 0;grid-column: 2;grid-row: 1;}
.spec-text2{font-size: 16px;color: black;text-align: left;padding:0 6em 0 0;align-self: end;}
.karta__text a:hover {color: var(--black) !important;}
.karta {display: flex; align-items: center; gap: 2em;}
.karta span {display: block;}
.karta a {text-decoration: none;}
.karta a:hover {color: var(--blue);}
.karta__text {text-align: left;}
.karta__obrazek{}
/*Nesvadba*/

.foo_right {max-width: 500px;}

.center{ text-align: center;}

/*Tabulka*/

table {
	width: 100%; /* Zajistí, že tabulka zabere celou šířku rodičovského elementu */
	border-collapse: collapse; /* Odstraní mezeru mezi buňkami */
	text-align: center; /* Výchozí zarovnání textu doleva */
	overflow-x: auto!important;
  }
  
  /* Styly pro hlavičku tabulky */
  .table-header {
	background-color: white; 
	color: var(--blue); 
	font-weight: bold; /* Tučné písmo */
	padding: 10px; /* Odsazení v hlavičce */
	border: 1px solid #EEEEEE; /* Světle šedý okraj */
  }
 .table-header2{
	color: var(--blue); 
 }
  /* Styly pro řádky tabulky */
  tr {
	border: 1px solid #EEEEEE; /* Světle šedý okraj */
  }
  
  /* Styly pro buňky tabulky */
  td {
	padding: 8px; /* Odsazení v buňkách */
	border: 1px solid #EEEEEE; /* Světle šedý okraj */
  }
  
  /* Alternující barvy řádků pro lepší čitelnost */
  tr:nth-child(even) {
	background-color: #EEEEEE; /* Světle šedá pro sudé řádky */
  }
  
  tr:nth-child(odd) {
	background-color: #FFFFFF; /* Bílá pro liché řádky */
  }

/* Form */
form {	
	/*background: var(--blue);*/ padding: 1em 0; text-align: center;	
}
.divForm{ display: grid; grid-template-columns: 1fr 1fr;}
.divFormButton{ display: grid; grid-template-columns: 1fr;text-align: center;}
.h2{
	grid-column: 1 / 3!important; text-align: center;
}
.formItem{
	justify-content: center!important;
	align-items: center!important;
	text-align: center;
max-width: 480px;
}
.formLabel{
	text-align: left;
}
.select{
	font-family: 'forma_djr_micro';
	text-align: left;
	font-size: 16px;
	width: 100%;
	height: 30px;
	padding: 5px 0 0 2%;
	margin: 7px 0 0 0;
	border:solid 2px var(--blue); 
  color: black;
  background: var(--white);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}
.select:focus{
	outline: solid 1px var(--blue);
}


#collapse,#collapse_dis {
	/*display: none;*/
	height: 0;
	overflow: hidden;
	
	background-color: transparent;
	transition: height 0.5s ease;
}
.vyber{
	color: black;
height: auto;
text-align: left;
border-bottom: solid 2px var(--blue);
background: #EEEEEE;
padding:5px 0;
font-weight: 200;
cursor: pointer;
width: 100%;

}


.formInput>input{
	font-family: 'forma_djr_micro';
	width: 100%;
	font-size: 16px;
	height: 35px;
	padding: 0 0 0 10px;
	margin: 4px 0 7px 0;
	border: solid 2px var(--blue); 
  color: black;
  background: var(--white);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}
.formInput>input:focus{
	outline: solid 1px var(--blue);
}

.sekce-formular{
	grid-column: 1 / 2;
	width: 80%;
	justify-self: start;
		justify-content: center!important;
		align-items: center!important;
}
.sekce-poznamky{
	grid-column: 2 / 3;
	width: 100%;

}
.formInput>textarea{
	font-family: 'forma_djr_micro';
	font-size: 16px;
	border-style: none;
	width: 100%;
	padding: 10px;
	margin: 4px 0 7px 0;
  height: 295px;
 border:solid 2px var(--blue); 
  color: black;
  background: var(--white);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
resize:none;

}
.formInput>textarea:focus{
	outline: solid 1px var(--blue);
}
.netteFormsModal{
	background: var(--purple-light); padding: 1em; text-align: center; background:var(--blue);color: white;
	border: none!important;
}


.buttonForm {padding: 0.5em 2em;color: var(--white);cursor: pointer;font-weight: bold; font-size: 1em; text-decoration: none;
	border: 2px solid var(--black);width:160px;margin:0 auto;transition: var(--animace); background-color: var(--black);
	color: var(--white); text-transform: uppercase;}

.buttonForm:hover {background-color: var(--blue); color: var(--white);border-color: var(--blue);}

#potvrzeni{
	background: var(--blue);
    color: white;
    margin: auto;
    display: grid;
    justify-content: center;
    padding: 20px 0;
}

/* Cookies lišta */
.cc-pc-head-close:active{border-color: var(--blue)!important;}
	.cc-pc-head-lang-select:checked{border-color: var(--blue)!important;}
	.cc-nb-okagree{background-color: var(--blue)!important;}
	.cc-cp-foot-save{background-color: var(--blue)!important;}
	.cc-nb-reject{display:none!important;}
	#open_preferences_center:hover{color: var(--blue)!important;}
.cc-nb-reject
{display: none!important;}

/* Large devices (desktops, less than 1600px) */

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

}


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

	.sec-vlastnosti .width::before {background: transparent; display: none;}
	.header_bottom .width .wrap {width: 50%;}
	.header_bottom__tiskarna {left: 50%;}
	h1 {font-size: 3em;}
}


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

	footer .width {justify-content: center; gap: 2em; text-align: center;}

	.vlastnost.active .vlastnost__table {display: grid;grid-template-rows: 1fr;}

	.vlastnost__table {display: grid!important; overflow: hidden; grid-template-rows: 0fr; transition: var(--animace);}
.vlastnost__table > div {overflow: hidden; text-align: left;padding-left: 30px; overflow-x: auto;}

}



/* Large devices (desktops, less than 1040px) */
@media only screen and (max-width: 1040px) {

.partneri_solo{grid-template-columns: repeat(2, 1fr); gap: 1em;}
}


/* Medium devices (tablets, less than 992px) */

@media only screen and (max-width: 991px) {
	#navbar{ width: 60%;}
	.nav{padding: 0 1em;}
	h1 {font-size: 3em;}
	h2 {font-size: 2em;}
	/*header {background: var(--blue);}
	.logo img {filter: invert(1);}*/
	.header_top {padding-bottom: 0;}
	.header_bottom {padding-top: 2em;}
	.header_bottom__tiskarna {background: none; display: none;}
	.header_bottom .width .wrap {width: 100%;}
	.vlastnosti {width: 100%;}
	.partneri {grid-template-columns: 1fr 1fr;}
.partneri_solo {grid-template-columns: 1fr 1fr;}
		.partneri_text{grid-column-start: 1;grid-column-end: 1;}
		.partner_solo.active .partneri_obsah{grid-template-columns: auto;row-gap: 15px;}
		.partneri_obsah .odkaz__position {grid-row-start: 3;}
		
	
}

@media only screen and (max-width: 788px) {
	.button-doc{margin: 15px 0 0 0!important;}
.grid-2 {display: grid;grid-template-columns:1fr;}
.button-odeslat-center {margin-top: 0px; padding-right: 0px}
}
/* Small devices (landscape phones, less than 768px) */

@media only screen and (max-width: 767px) {
	.spec-text{padding:0 0 0 0;}
	.spec-text2{padding:0 0 0 0;}
	.vlastnost h2 {font-size: 1.2em;}
.partneri_solo{grid-template-columns: 1fr; gap: 1em;}
		.nav-item2{font-size: 14px;}
		.nav-item2-active{font-size: 14px;}
.logo{width: 20%;}
		.logo2{width: 20%;}
}


/* phones */

@media only screen and (max-width: 575px) {	
	#navbar{ width: 100%;}
	.nav{padding: 0 1em;}
	.partneri {grid-template-columns: 1fr;}
	.header_bottom .big {font-size: 1.5em;}
	header p {font-size: 1rem;}
	.sec-materialy {font-size: 1.125em;}
.footerWidth > .foo_right {text-align: center;}

.specialista{grid-template-columns: 1fr; grid-template-rows: min-content;}
	.karta__obrazek {text-align: center;}
	.karta__text {text-align: center;}
	.spec-text2{text-align: center; align-self: center;}
	.spec-text{grid-column: auto;grid-row: auto;}

.bottom-left{display: grid;grid-template-columns: 1fr;}
.bottom{grid-template-columns: 1fr;}
.bottom-right{text-align: center;}
}


@media only screen and (max-width: 460px) {
	.nav-item{font-size: 14px;}
	.div{padding-left: 0!important;}
	.divForm{ display: grid; grid-template-columns: 1fr;}
	.h2{
		grid-column: 1 / 1!important;
	}
	.formInput>input{
		width: 99%;
		margin: 4px auto 7px auto;
	}
	.sekce-formular{
		grid-column: 1 / 1;
		width: 90%;
		justify-self: center;
	}
	.sekce-poznamky{
		grid-column: 1 / 1;
		width: 90%;
		justify-self: center;	
	}
	.formInput>textarea{
		justify-self: center;
		width: 96%;
	}
	h1 {font-size: 2.3em;}
	.karta {flex-direction: column;}
	
.footerWidth > .foo_right {text-align: center;}

}