:root{
	--base_red: #941B1B;
	--base_light_red: #bd3838;
	--base_footer: #1b0505;
	--gradient: linear-gradient(to bottom, #941B1B, #C01A1A);
	--gradient_left: linear-gradient(to left, #941B1B, #C01A1A);
	--gradient_reverse: linear-gradient(to top, #941B1B, #C01A1A);
	--link_blue: blue;
}

html{
	scroll-behavior: smooth;
	scroll-padding-top: 5rem;
	
}


body{
	font-family:"Georgia",serif;
	font-size: 16px;
	line-height:2;
	margin:0;
	
	}




.font_18{
	font-size: 18px;
}

.font_20{
	font-size: 20px;
}


/* __________________________________________________ right NAV __________________________________________________ */

.navigation_right{
	position: fixed;
	display: flex;
	flex-direction: column;
	top: 40%;
	right: 0px;
	
	
	background-color: none;

}

.nav_right_element{
	display: flex;
	margin: 5px;
	width: 4rem;
	height: 3rem;
	border-radius: 10px;
	box-shadow: 0px 0px 1px 1px black;
	
	background-color: gainsboro;
	transform-origin: right;
	transition: transform ease-in .1s;
	


}

.nav_right_element:hover{
	transform: scale(1.2);
	border-radius: 30%;
	
	background-color: var(--base_light_red);

}

.nav_right_element > a:hover{
	color: white;
}

.nav_right_element > a{
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	text-align: center;
	line-height: 3em;
	text-decoration: none;

}



div:target{
	
	outline: 3px dotted red;

}


	/* __________________________________________________ top NAV __________________________________________________ */

.top_nav{
	
	height: 5rem;
	width: 100%;
	display: flex;
	position: fixed;
	outline-offset: 1px;
	background-color: var(--base_red);
    background-image: var(--gradient);
	z-index: 1000;
	top: 0;	
}

.nav_logo_img{
	width: 5rem;
	height: 5rem;
	margin: auto;
	margin-left: auto;
	border-radius: 50%;
}


.nav_logo {
	margin: auto;
}

.nav_logo_img{
	display: block;
	margin: auto;
	height: auto;
	width: 4.5rem;
	border-radius: 50%;
}

	/* __________________________________________________ MENU __________________________________________________ */


.menu{
	width: atuo;
	height: inherit;
	display: flex;
	margin: auto;
	margin-right: auto;
	text-transform: uppercase;
	color: white;
	
	
	
}

.mobile_menu{
	width: atuo;
	height: inherit;
	display: flex;
	flex-direction: column;
	margin: auto;
	text-transform: uppercase;
	background-color: orange;
}

.menu_wrap{
	display: block;
	margin: auto;
	width: auto;
	height: 100%;
}

.menu a{
	text-decoration: none;
	color: inherit;
	width: 100%;
	height: 100%;
	background-color: none;
	display: block;
}



ol, ul{
	list-style-type: none;
	padding: 0;
}


.menu_element{
	height: inherit;
	width: 8rem;
	background-color: inherit;
	display: block;
	text-align: center;
	margin: auto;	
	position: relative;
	line-height: 5em;
	
}
	

.menu_element::after{
	content: "";
	width: 3px;
	height: 2px;
	background-color: white;
	display: block;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: scaleX(0);
	transition: transform ease-in 0.3s;
	

	
}

.menu_element:hover::after{
	transform: scaleX(25);
}

.menu_element:hover{
	background-color: var(--base_light_red);
	transition: background-color ease-in 0.3s;

}

.menu_element:hover .sub_menu{
	display: block;
	animation: drop_down 0.5s;
	background-image: var(--gradient_reverse);
	box-shadow: 1px 1px 1px black, -1px 1px 1px black;
	
}


/*
.menu_active_site{
	background-color: var(--base_light_red) !important; 
}
*/


.menu_active_site::after{
	
	content: "";
	width: 76px;
	height: 2px;
	background-color: white;
	display: block;
	position: absolute;
	top: 70%;
	left: 21%;
	transform: scaleX(1);

}

.menu_active_site:hover::after{
	transform: scaleX(1) !important;
}



.internal_sub_menu:hover .right_drop{
display: block !important;
animation: drop_right 0.5s;
}


.sub_menu{
	display: none;
	position: absolute;
	top: 5rem;
	margin: 0px;
	
}


.right_drop{
	display: none !important;
	position: absolute;
	top: 0;
	left: 8.1rem;
}

.sub_menu .menu_element:hover::after{
	
	transform: scaleX(15);
}



.sub_menu > .menu_element {
	width: 8rem;
}

.lng_main_img_box{
	display: flex;
	
	
}

#lng_main_img{
	width: 32px;
	height: 24px;
	display: block;
	margin: auto;
	
	
	
}


.lng_icon{

	margin-top: 25px;
	margin-left: 10px;
	float: left;
}


@keyframes drop_down{
	from{transform: translateY(-2rem);
		opacity: 0;	
	}

	to{ transform: translateY(0rem);
		opacity: 1;
	}	
}


@keyframes drop_right{
	from{transform: translateX(-2rem);
		opacity: 0;	
	}

	to{ transform: translateX(0rem);
		opacity: 1;
	}	
}

@keyframes drop_left{
	from{transform: translateX(2rem);
		opacity: 0;	
	}

	to{ transform: translateX(0rem);
		opacity: 1;
	}	
}


.menu_button{
	display: none;
	
}

.menu_button_wrap{
	display: none;
	width: 8rem;
	height: 5rem;
}

/* _______________________________________________________________  all sections  ____________________________________________________________ */


.site_wrap{
	height: 100vh;
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
	scroll-padding-top: 0rem;
	
} 



section{	
	
	top: 5rem;
	height: 100vh;
	scroll-snap-align: start;
	overflow: hidden;
	display: flex;
	
	
}


.text_center{
	text-align: center;
}

section:nth-of-type(even){

	background-color: var(--base_red);
	color: white;
}


.half_box{
	display: flex;
	width: 50%;
	
	
	
}

.content_box_wide{
	width: 70%;
	display: flex;
	flex-direction: column;
}

.content_box_slim{
 width: 30%;
 display: flex;
}

.content_box{
	width: 100%;
	height: 100%;
	display: flex ;
	
	
}

.text_justify{
	text-align: justify;
}

.section_img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center ;
	
}

.more_info{
	margin-top: 6rem !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transform: scale(1);
	font-size: 20px;
	font-weight: bold;
	margin: auto;
	width: fit-content !important;
	
}

.more_info a{
	color: inherit;
	text-decoration: none;
	
}



.more_info::after{
	content: "";
	width: 200px;
	height: 1px;
	background-color: black;
	display: block;
	margin-top: -10px;
	margin: auto;
	transform: scaleX(0);
	transition: transform ease-in 0.25s;
}

.more_info:hover{
	transform: scale(1.2);

}

.more_info:hover::after{
	transform: scale(1);

}


.text_box{
	width: 75%;
	
	margin: auto;
	display: block;
	
}





 /* __________________________________________________ WELCOME SECTION  __________________________________________________ */

 .mobile_img{
	 display: none;
 }


.welcome_section{
	flex-direction: column;
	background-image: url(images/kendo_fighter.png);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: -5% 5rem;

}

.white_wrap{
	display: block;
	width: 100%;
	height: 100vh;
	background-color: red;
	opacity: 1;
}

.welcome_box{
	top: 25%;
	position: relative;
	margin: auto;
	display: flex;
	flex-direction: column;
	width: 50%;
	height: 100vh;
	margin-left: 50%;
	background-color: none;
	
}

.welcome_logo{
	background-color: none;
	display: block;
	margin: 0 auto;
	width: 72%;
}

.welcome_social_div{
	width: 60%;
	
}

.welcome_text{
	display: block;
	margin: 5%;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.5em;
	text-align: center;
	background-color: none;
	color: var(--base_red);
	

}

.welcome_social_box{
	height: auto;
	display: flex;
	flex-direction: row;
	margin-top: 0rem;
	margin-bottom: 0rem;
	background-color: none;

}

.social_icon{
	
	background-color: inherit;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	transition: transform ease-in 0.1s  ;
	background-size: cover;
	margin: auto;
	background-repeat: no-repeat;
		
}

.social_icon > a{
	display: block;
	height: inherit;
	width: inherit;
	
}


.social_icon:hover{
	transform: scale(1.1);
	
	
}


#fb_icon{
	background-image: url(images/fb_logo_circle.png);
	
}

#inst_icon{
	background-image: url(images/inst_logo_circle.png);
}

#yt_icon{
	background-image: url(images/yt_logo_circle.png);
}

#logo_wroc_sport{
	background-image: url(images/logo_strzalki_wroclaw_sport.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 50%;
}

#logo_wroc_normal{
	background-image: url(images/wroclaw-miasto-spotkan.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 60%;
}


.project_logo_box{
	display: flex;
	
}

.wroc_project_img{
	
	margin: 0 2rem;
	display: flex;
	width: 25rem;
	height: 4rem;


}

.logo_left_margin{
	margin-left: 40%;
}




   /* __________________________________________________ ABOUT SECTION  __________________________________________________ */





.section_header{
	margin: auto;
	font-size: 2.5em;
	
	color: inherit;
}

.about_section_header{
	
	margin: auto;
	margin-left: 10rem;
	margin-bottom: 5rem;
		
}


.about_text_box{
	
	text-align: center;
	margin-top: 0rem;
	margin-left: 10rem;
	
}


.about_section_header::after{
	content: "";
	display: block;
	width: 30rem;
	height: 5px;
	background-color: white;

}


.about_section_img{
	background-image: url(images/zbroje_linia_pion_2.jpg);
	

}



.section_collumn{
	margin: auto;
	width: 48%;
	height: 100%;
	flex-direction: column;
	display: flex;
	
}


/*
#about_section_box_left{
	padding: 5rem;
	height: inherit;
	}

#about_section_box_right{
	
	background-image: url(images/5.jpg);
	background-size: 45%;
	background-repeat: no-repeat;
	
	
}
*/

.section_paragraph{
	margin: 3rem;
	width: 90%;
	display: block;
		
}

.section_paragraph a{
	text-decoration: none;
	color: inherit;
}


/*--------------------------------------- invite seciton  -------------------------------------- */


.invite_section_header{
	text-align: center;
	margin: 12rem;
	margin-bottom: 0rem;
	
}

.invite_section_header::after{
	margin-right: auto;
	margin-left: auto;
	content: "";
	display: block;
	width: 20rem;
	height: 5px;
	background-color: black;
	
}


.invite_section_img{
	background-image: url(images/beginer_line.jpg);
	
	
}

.invite_text_box{
	
	margin-top: 3rem;
}
/*
.section_header_right::after{

	background-color: black;
	margin-right: 0rem;
	content: "";
	display: block;
	width: 30rem;
	height: 5px;
	right: 0rem;
	position: absolute;
}


#invite_section_box_left{
	
	background-image: url(images/14.jpg);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	
}
#invite_section_box_right{
	padding: 5rem;
	justify-content: justify;
}
*/

.float_right{
	float: right;
}


.where_section_img{
	background-image: url(images/5.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 126%;
	
	
}




/* __________________________________________________________________ Footer  __________________________________________________________________ */


.footer{
	position: relative;
	color: white;
	width: 100%;
	display: flex;
	flex-direction: row;
	background-color: var(--base_footer);
	scroll-snap-align: start;
	
}

.footer a{
	color: inherit;
	text-decoration: none;
}

.foot_element{
	display: flex;
	width: 20%;
	height: 6rem;
	margin: auto;
	padding-block: 3rem;
	text-align: center;
	justify-content: center;
	vertical-align: center;
	
}

.icon_footer{
	display: block;
	margin: auto;
	height: 2rem;
	width: 2rem;
	
}




/* __________________!!!!!!!!!!!!!!!!!!_________________________!!!!!!!!!!!!!!!!!  PAGES   !!!!!!!!!!!!!!__________________!!!!!!!!!!!!!!!!!!__________________________ */

.page_content_wrap{
	top: 5rem;
}

.page_content{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 5rem;
}

.page_header_main{
	text-transform: uppercase;
	text-align: center;
	font-size: 1.4em;
}

.under_header_descripton{
	margin: 0 ;
	text-align: center;
}


.content_size{
	width: 35%;
}

.margin_left_auto{
	margin-left: auto !important ; 
	margin-right: 0  !important ;
}

.margin_right_auto{

	margin-right: auto  !important ;
	margin-left: 0  !important ;
}

.horizontal_box{
	
	display: flex;
	margin: 2rem;
	
}

.page_header_box::after{
	position: relative;
	display: block;
	
	margin: 2.5rem auto;
	width: 35rem ;
	top: 0rem ;
	content: "";
	height: 2px;
	box-shadow:  0px 1px 3px black;
	background-color: none ;

}




/* __________________________________________________________________ Instructors  __________________________________________________________________ */

.content_padding{
	padding: 5rem;
}

.instructors_box{
	width: fit-content;
	background-color: white;
}

.yudansh_big_box{
	background-color: none;
	width: 100%;
	height: auto;
	
}


.instructor_info{
		
		background-color: inherit;
	}

.instructor_info > h2::after{
	content: "";
	display: block;
	position: relative;
	width: 62%;
	height: 2px;
	background-color: black;
	

}
 

.instructor_image {
	width: 100%;
	height: 30em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% ;
	clip-path: inset(0% 28% 0% 28%); 
	
}

.yudnasha_img_box{
	display: block;
	margin: auto;
	margin: auto  ;
}


.yudansha_image{
	width: 15rem;
	height: fit-content;
	display: flex;	
	margin: auto;
}

.yudnasha_img_box > h2{
	text-align: center;
	
}

.MN{
	background-image: url(images/ja_strona_3.jpg);	
}

.AKP{
	background-image: url(images/ala_strona_4.jpg);	
}

.JM{
	background-image: url(images/aska_strona_3.jpg);	
}

.MO{
	background-image: url(images/michał_strona_7.jpg);	
}

.DP{
	background-image: url(images/dominik_strona2.jpg);	
}

.RG{
	background-image: url(images/rafał_strona.jpg);	
}


.image_wrap_1{
	filter: drop-shadow(5px 5px 5px  black);
}

.image_wrap_2{
	filter: drop-shadow(-5px 5px 5px  black);
}


.sensei_kimono_image{
	display: block;
	width: 50%;
	height: 40%;
	margin: auto;
	margin-top: 5rem;
}

/* __________________________________________________________________ Shedule / Fees  __________________________________________________________________ */

#shedule_invite{
	display: block;
	margin: 2rem;
	text-align: center;
	font-weight: bold;

}

#trening_schedule_box{
	display: flex;
	margin: 0rem;
	
}

#shedule_contatc_box{
	display: block;
	margin: 1rem auto;
	width: 90%;
	word-break: break-all;
}


.link_blue{
	color: var(--link_blue) !important;
	text-align: center;
	text-decoration: none;
	
	
}

.paragraph_center{
	text-align: center;
	margin: 2rem auto;
}

.paragraph_center > h2{
	font-weight: normal;
}

.paragraph_center > h2::after{
	display: none;
}

.page_line_height{
	line-height: auto;
}

iframe{
	display: block;
	margin: auto;
}

.shedule_container{
	margin: 0 auto;
}

.shedule_container_half{
	display: flex;
	width: 100%;
}

.shedule_box{
	display: flex;
	flex-direction: column;
	margin: auto;
	width: fit-content;
	
}

.shedule_box p {
	display: block;
	word-wrap: break-word;
	margin-inline: auto;
	text-align: center;
}


.shedule_block{
	display: block;
	margin: auto;
	width: 10%;
	text-align: center;
}

.shedule_block_where_section{
	display: block;
	margin: auto;
	text-align: center;
	
}



.shedule_block  p {
	font-size: 1.5em;
	margin: auto;
	
}

.map_wrap{
	display: flex;
}

.iframe_wrap{
	height: 30rem;
	
}

.iframe_size{
	display: block;
	margin: auto;
	
	width: 35em;
	height: 25em;
	
}



.iframe_wrap > h2{
	margin: auto;
}

.hr_50{
	width: 50%;
}

.hr_100{
	width: 100%;
	margin: 2rem auto;
}

.fee_content{
	width: 50%;
	margin: auto;
}



.brzeg_img{
	width: 85%;
	height: max-content;
	margin:  2rem auto;
	display: block;
}


.bank_number{
	color: var(--link_blue);
	
}

.shedule_grup_box{
	background-color:#bd38381f; 
	color: black;
	margin: 1rem;
	padding: 1rem;
	box-shadow: 0px 1px 5px #bd3838 ;
	width: 50%;
	

}

.shedule_grup_age_header{
	background-color: none;
	position: relative;

	width: fit-content;
	padding-inline: 10px;
	margin: auto;
	
}

.shedule_grup_age_header::after{
	position: relative;
	display: block;
	width:100%;
	top: -2rem ;
	content: "";
	height: 2px;
	color: #1b0505;
	background-color: black;

}




/* __________________________________________________________________ Equipment  __________________________________________________________________ */

.kendo_equipment_img{
background-image: url(images/Kendo_uniform_parts.png);
background-size: 80% !important;
background-position: -2.5rem center;
background-repeat: no-repeat;
}

.equipment_text_box{
	width: 65%;
	display: block;
	margin-left: auto;
	margin-right: 10rem;
}

/* __________________________________________________________________ Etiquete  __________________________________________________________________ */

.etiquete_right_img{
	background-image: url(images/3.jpg);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
}


.etiquete_left_img{
	background-image: url(images/1.jpg);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
}


.etiquete_text_box > p {
	margin: 3rem;
	
}

.etiquete_text_box{
	
	width: 40%;
	margin: auto;
}

.etiquete_text_box > ol{
	
	list-style-type: initial !important;
	
}

/* __________________________________________________________________ O nas - klub  __________________________________________________________________ */

.kanji_box{
	display: flex;
	flex-direction: column;
}

.ryu_kanji_box{
	background-image: url(images/ryushinkai_logo_red.png);
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	margin: auto;
	width: 100%;
	height: 20rem;
}

.kanji_romanji{
	display: flex;
	margin: auto;
	flex-direction: row;
	}

.kanji_romanji h2{
	margin: 2rem;
}

.klub_logo_box{
	display: block;
	margin: auto;
	height: 20rem;
	width: 50%;
	background-image: url(images/logo_ryushinkai.jpg);
	background-size: 30%;
	background-position: center;
	background-repeat: no-repeat;

}

.club_sucesses{
	flex-direction: column;
	width: 60%;
	display: block;
	margin: auto;
}

/* __________________________________________________________________ Cooperation  __________________________________________________________________ */


.coop_text_box{
	width: 55%;
	display: flex;
	flex-direction: column;
	margin: auto;
	margin-bottom: 3rem;
}

.coop_img_box_size{
	height: 20rem;
	width: 25rem;
	display: block;
	margin: auto;
}

.eu_jpn_box{
	background-image: url(images/euj.jpg);
	background-size: 35%;
	background-position: center;
	background-repeat: no-repeat;

}

.pzk_box{
	background-image: url(images/pzk_logo.jpg);
	background-size: 35%;
	background-position: center;
	background-repeat: no-repeat;
	
}

.wrocław_box{
	background-image: url(images/wroclaw-miasto-spotkan.jpg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.mcs_box{
	background-image: url(images/logoMCS.png);
	background-size: 35%;
	background-position: center;
	background-repeat: no-repeat;
}

/* __Brzeg */

.brzeg_height{
 height: 25rem;
}

.brzeg_img_left{
	background-image: url(images/brzeg1.jpeg);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.brzeg_img_right{
	background-image: url(images/brzeg2.jpg);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}






/* _______________________!!!!!!!!!!!!!!!!!!!!!!!!!!!!______________________________________________________!!!!!!!!!!!!!!!!!!!!!!!!!!!!_______________


	              \/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\/\/\/\/\/\/		MEDIA    \/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/\/\/\/\/\/\/\/\/\/

_______________________!!!!!!!!!!!!!!!!!!!!!!!!!!!!______________________________________________________!!!!!!!!!!!!!!!!!!!!!!!!!!!!_______________
 */

@media (max-width:550px){

	
	
	.shedule_container_half{
		flex-direction: column;
	}

	section{
		height: auto;
	}

	.welcome_section{
	
		background-size: 60vh !important;
	}

	.section_about{

		background-size: 70vh !important;
	}

	.fee_content{
		width: 80%;
		margin: auto;
	}


	.navigation_right{
		width: 100vw;
		top: 92.3vh;
		display: flex;
		flex-direction: row;
		height: auto;
		left: 0;
		

	}

	.nav_right_element{
		margin: 0;
		width: 50%;
		
	}
	.nav_right_element:hover{
		transform: none;
		border-radius: 10px;
	}

	.coop_img_box_size{
		width: 100%;
	}

	.coop_text_box{
		width: 80%;
	}

	.section_header{
		margin-bottom: 0 !important;
	}

	.more_info{
		margin-top: 0 !important;
		transform: scale(1);
	}

	.map_wrap{
		display: flex;
		flex-direction: column;
	}

	.iframe_size{
		width: 90%;
		height: 70%;
	}


	.shedule_box{
		display: flex;
		flex-direction: column ;
	}

	.paragraph_center > p{

		width: 95%;
		margin: auto;
		word-break: normal;
	}

	.more_info{
		font-size: 22px;
		text-shadow: 1px 1px 1px gray;
		border-width: 1px;
		
	}

	

}



 @media (max-width: 770px) {
	
	

	.map_wrap{flex-direction: column;}
	.iframe_size{width: 70vw;}


	.shedule_container_half{
		flex-direction: column;
	}

	

	.site_wrap{
		scroll-snap-type: none

	}
	

	.top_nav{
		background-color: inherit;
		background-image: none;
		
	}
	
				/* -------------------------- media - MENU -------------------------- */

	.menu{
		display: none;
		width: auto;
		height: auto;
			
		background-image: var(--gradient_reverse);

	}

	#lng_main_img{
		padding: 1rem;
	}

	.menu_button_wrap{
		display: block;
		width: 8rem;
		height: 5rem;
		margin: auto;
	}

	.menu_button{
		display: block;
		background-color: inherit;
		width: 5rem;
		height: 5rem;
		margin: auto;
		border: none;
		background-image: url(images/menu_icon_red_white_2.png);
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: center;

	}

	.sub_menu{
		top: 0;
		left: -8rem;
	}

	.menu_element:hover .sub_menu{
		animation: drop_left 0.5s;
	}
	
					/* -------------------------- media - footer -------------------------- */

		.footer{
			flex-direction: column;
		}
	
		.foot_element{
			margin: auto;
			width: 65%;
		}
	


				/* --------------------------media -  welcome section -------------------------- */

	.welcome_section{
	
		background-size: 80vh;
		
		background-position: 30% 100%;
		background-image: url(images/kendo_fighter_opacity_20.png);
		
	}

	.welcome_box{
		top:0;
		height: auto;
		width: 100%;
		position: relative;
		margin: 25% auto;
		
	}

	.welcome_logo{
		width: 100%;
		height: auto;
		margin: auto;
		
		
	}
	
	.welcome_text{
		margin: 4rem auto;
		width: 100%;
	}

			/* -------------------------- media - invite section -------------------------- */



	.invite_section_header::after{
		content: "";
		display: block;
		width: 20rem;
		height: 5px;
		background-color: black;
	}
		
	.section_invite{

		background-size: 80vh;
		background-repeat: no-repeat;
		background-position: 90%;
		background-image: url(images/beginer_line_opacity_20.png);
	}



			/* -------------------------- media - about section -------------------------- */


	.section_header{
		text-align: center;
		margin: 3rem auto;
		width: 100%;
		
	}

	.section_about{

		background-size: 80vh;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(images/zbroje_linia_pion_2_opacity_20.png);
	}

	
	.section_header::after{
		width: 20rem;
		margin: auto;
		
	}
	.section_paragraph{
		margin: 3.5rem auto;
		width: 95%;
	}

	.about_section_header{
		margin: 3rem auto !important;
	}


	/* -------------------------- media - where section  -------------------------- */
	
	.section_where{

		background-size: 90vh;
		background-repeat: no-repeat;
		background-position: 45%;
		background-image: url(images/5_opacity_35.png);
	}


			/* --------------------------  \/\/\/\/ media -  pages content \/\/\/\/  -------------------------- */




	.shedule_block{
		
		margin: auto !important;
		width: auto !important;
		
	}


	.content_box_slim{
		display: none;
	}

	.content_box_wide{
		margin-top: 5rem;
		margin: auto;
		width: 100%;

	}

	.text_box{
		width: 98% !important;
		margin: auto;
		
	}


	.page_content{
		width: 100vw;
	}


	.horizontal_box{
		flex-direction: column;
		display: flex;
		width: 100%;
		margin: 0rem;
	}

	.etiquete_text_box{
		width: 90%;
	}

	

	.half_box{
		width: 100%;
		height: 20rem;
		margin: auto;
	}

	.etiquete_right_img, .etiquete_left_img{
		background-size: 100% ;
	}
	

	.content_size{
		width: 80%;
		padding: 0;
		margin: 4rem auto !important;
	
	}


	.instructor_image{
		display: block;
		background-size: 50%;
		clip-path: inset(10% 25% 10% 25% ); 
		width: auto;
		height: 25rem;
		margin: auto;
	}

	.sensei_kimono_image{
		margin: 5rem auto;
		width: 80%;
		height: auto;
	}

	.instructor_info{
		margin-top: 0 !important;
	}
	
	.invert_column{
		flex-direction: column-reverse !important;
	}

	.kendo_equipment_img{
		display: block !important;
		width: 100%;
		height: 40rem;
		background-position: center;
		margin: 3rem auto;
	}

	.equipment_text_box{
		width: 80%;
		margin: auto;
	}

	.iframe_wrap{
		margin: 2rem auto;
	}

	.fee_content{
		width: 75%;
		margin: auto;
	}

	.kanji_romanji h2{
		margin: 2rem auto;
	}

}



@media (min-width: 771px) and (max-width: 1023px) {

	.shedule_container_half{
		flex-direction: column;
	}


	.map_wrap{flex-direction: column;}
	.iframe_size{width: 80vw;}


	.welcome_section{
		background-position: -60% 10rem;
		background-size: 90%;
		
	}
	.welcome_box{
		top: 21%;
	}
	
	.shedule_grup_box{
		margin: 1rem auto;
	}
	
	.menu_button_wrap{
		display: none;
	}

	.welcome_box{
		margin-top: 0rem;

	}

	.section_header{
		margin-left: 2rem;
	}

	.about_text_box{
		margin: 0;
	}

	.content_box_slim{
		width: 40%;
	}

	.section_header{
		position: relative;
		margin-left: 5rem;
		margin-bottom: 3rem;
		top: 5rem;
	}


}



@media (width: 1024px) {
	.welcome_section{
		background-size: 90%;	
		background-position: -100% 8rem;
	}
	
	.welcome_box{
		top: 40%;
	}
	
}