@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
 
@media screen and (min-width: 1361px) {
		.hebe21_wrapper {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		font-size: 24px;
		line-height: 36px;
		}

		.hebe21_wrapper .title_h21 {
		font-size: 44px;
		line-height: 60px;
		font-weight: 700;
		color: #e6007e !important;
		}

		.hebe21_wrapper p {
		margin:0 0 10px;
		}

		.hebe21_wrapper .right_column_text {
		float:left;
		width:69%;
		margin:0 5% 0 1%;
		text-align:left;
		font-size: 22px;
		line-height: 26px;
		color: #534b56;
		}

		.hebe21_wrapper .left_column_logo {
		float:left;
		width:19%;
		margin:0 1% 0 5%;
		text-align:center;
		}

		.hebe21_wrapper .main_h21 {
		padding: 50px 5%;
		}
		
		.hebe21_wrapper .lekcja1_model{
		width:calc(100% / 3 - 20px);
		float:left;
		margin:10px;
		box-sizing:border-box;
		display:block;
		}
		
		.hebe21_wrapper .model_text{
		display:block;
		margin:10px;
		font-size:.9em;
		line-height:1.4em;
		text-align:justify;
		}
		
		.hebe21_wrapper .model_name{
		display:block;
		padding:20px;
		font-size:21px;
		}

		.box {
		display: flex;
		align-items:center;
		}
		
		.h21_hashleft {
		float:left;
		width:54%;
		margin:0 1% 20px 5%;
		}
		
		.h21_full {
		float:left;
		width:90%;
		margin:0 5% 60px;
		}

		.hebe21_wrapper.bracelet_h21{
		width:calc(100% / 2 - 20px);
		float:left;
		margin:10px;
		box-sizing:border-box;
		display:block
		}
		
		.h21_bracelet_container {
		display:flex;
		}
		
		.h21_nodesktop {
		display: none !important;
		}
		
		.h21_drama_magic {
		margin: 0 5%;
		width: 40%;
		float:left;
		}
}


@media screen and (min-width:766px) and (max-width:1360px) {
		.hebe21_wrapper {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		font-size: 18px;
		line-height: 27px;
		}
		
		.hebe21_wrapper .title_h21 {
		font-size: 36px;
		line-height: 50px;
		font-weight: 700;
		color: #e6007e !important;
		}

		.hebe21_wrapper .lekcja1_model {
		width:calc(100% / 3 - 20px);
		float:left;
		margin:10px;
		box-sizing:border-box;
		display:block
		}
		
		.hebe21_wrapper .model_text{
		display:block;
		margin:10px;
		font-size:.9em;
		line-height:1.4em;
		text-align:justify;
		}
		
		.hebe21_wrapper .main_h21 {
		padding: 50px 5%;
		}
		
		.hebe21_wrapper .model_name{
		display:block;
		padding:20px;
		font-size:18px;
		}
		
		.hebe21_wrapper  .right_column_text {
		float:left;
		width:69%;
		margin:1% 5% 1% 1%;
		text-align:left;
		font-size: 18px;
		line-height: 26px;
		color: #534b56;
		}

		.hebe21_wrapper .left_column_logo {
		float:left;
		width:19%;
		margin:0 1% 0 5%;
		text-align:center;
		}
		
		.box {
		display: flex;
		align-items:center;
		}
		
		.h21_hashleft {
		float:left;
		width:54%;
		margin:0 1% 60px 5%;
		}
		
		.h21_full {
		float:left;
		width:90%;
		margin:0 5% 60px;
		}
		
		.hebe21_wrapper .bracelet_h21{
		width:calc(100% / 2 - 20px);
		float:left;
		margin:10px;
		box-sizing:border-box;
		display:block
		}
		
		.h21_bracelet_container {
		display:flex;
		}
		
		.h21_notablet {
		display: none !important;
		}
		
		.h21_drama_magic {
		margin: 0 5%;
		width: 40%;
		float:left;
		}
}

@media screen and (max-width:765px){
		.hebe21_wrapper {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		font-size: 16px;
		line-height: 26px;
		}
		
		.hebe21_wrapper .title_h21 {
		font-size: 30px;
		line-height: 36px;
		font-weight: 700;
		color: #e6007e !important;
		}

		.hebe21_wrapper .main_h21 {
		padding: 50px 5%;
		}

		.hebe21_wrapper .lekcja1_model {
		width:calc(50% - 20px);
		float:left;
		margin:10px;
		box-sizing:border-box;
		display:block;
		}
		
		.hebe21_wrapper .model_text {
		display:block;
		margin:10px;
		font-size:1em;
		line-height:1.4em;
		}

		.hebe21_wrapper .model_name{
		display:block;
		padding:14px;
		font-size:24px;
		}	
		
		.hebe21_wrapper  .right_column_text {
		float:left;
		width:90%;
		margin:0 5%;
		text-align:center;
		font-size: 16px;
		line-height: 24px;
		color: #534b56;
		padding-bottom: 30px;
		border-bottom: 1px solid rgba(0,0,0,.1);
		}

		.hebe21_wrapper .left_column_logo {
		float:left;
		width:40%;
		margin:0 30%;
		text-align:center;
		}
		
		.box {
		display: block;
		float:left;
		}
		
		.h21_nomobile {
		display: none !important;
		}

		.h21_hashleft {
		float:left;
		text-align:center !important;
		width:90%;
		margin: 0 5% 50px;
		padding: 20px;
		line-height: 1.6em;
		flex: 0 0 90%;
		}
		
		.h21_full {
		float:left;
		text-align:center !important;
		width:90%;
		margin: 0 5% 50px;
		padding: 20px;
		line-height: 1.6em;
		}
		
		.hebe21_wrapper .bracelet_h21{
		width:calc(100% - 20px);
		float:left;
		margin:10px;
		box-sizing:border-box;
		display:block
		}
		
		.h21_bracelet_container {
		display:inline-block;
		}
		
		.h21_drama_magic {
		margin: 0 5%;
		width: 90%;
		float:left;
		}
}





.hebe21_wrapper .kontener_h21 {
	margin: 0 auto;
	max-width: 1440px;
}

.hebe21_wrapper{
    font-family:Montserrat,Arial,sans-serif;
    color:#000;
}

@media print{
    .hebe21_wrapper,:after,:before{
        color:#000!important;
        text-shadow:none!important;
        background:0 0!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important;
    }
    .hebe21_wrapper p{
        orphans:3;
        widows:3;
    }
}



:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type='checkbox'] { display: none; }
.wrap-collabsible { margin: 1.2rem 0; }
.lbl-toggle { display: block; font-weight: bold; font-family: montserrat; font-size: 1rem; text-transform: uppercase; text-align: center; padding: 1rem; color: #DDD; background: #e6007e; cursor: pointer; border-radius: 7px; transition: all 0.25s ease-out; }
.lbl-toggle:hover { color: #FFF; }
.toggle:checked+.lbl-toggle::before { transform: rotate(90deg) translateX(-3px); } .collapsible-content { max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out; }
.toggle:checked + .lbl-toggle + .collapsible-content { max-height: 100%; } 
.toggle:checked+.lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.collapsible-content .content-inner { background: white; border: 1px solid rgba(0, 0, 0, .1); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: .5rem 1rem; }
.collapsible-content p { margin-bottom: 0; }
