/* normal */

:root{
	--text_clr: #000;
	--clr1: #7a6d5d;
	--clr2: #7a6d5d;
	--clr3: #7a6d5d;
	--border_clr : #cccccc;
	--box_clr : #eff3f6;
	--border_radius: 10px;
	--light_text: #ccc;
	--awesome100 : 100 100% "Font Awesome 6 Pro";
	--awesome300 : 300 100% "Font Awesome 6 Pro";
	--awesome400 : 400 100% "Font Awesome 6 Pro";
	--awesome900 : 900 100% "Font Awesome 6 Pro";
	--normal_weight : 400;
	--bold_weight : 700;
	
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
html,
body {
	font-family: "minion-pro", serif;
	font-size: 18px;
	color: var(--text_clr);
	font-weight: var(--normal_weight);
	line-height:2;
	word-break: break-word;
	scroll-behavior:smooth;
	
}

body {
	background: linear-gradient(180deg, #7a6d5d, transparent 450px );
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none; transition-duration:0.2s;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none; font:inherit}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}
button{cursor:pointer}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: var(--bold_weight); line-height:1.1; margin-bottom:1rem
}

h1, .h1{font-size:70px; color:#fff}
h2, .h2{font-size:28px;}
h3, .h3{font-size:24px;}
h4, .h4{font-size:22px;}
h5, .h5{font-size:20px;}
h6, .h6{font-size:18px;}

p{margin-bottom:1em}

 
.maxw1{max-width:1410px; margin:0 auto; padding: 0 15px}
.maxw2{max-width:1310px; margin:0 auto; padding: 0 15px}


.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.grid{display:grid; gap: 30px 40px;}
.grid.cols2{grid-template-columns: repeat(2, 1fr);}
.grid.cols3{grid-template-columns: repeat(3, 1fr);}
.grid.cols4{grid-template-columns: repeat(4, 1fr);}
.grid.cols5{grid-template-columns: repeat(5, 1fr);}
.grid.cols6{grid-template-columns: repeat(6, 1fr);}

.grid .col2{grid-column:span 2}
.grid .col3{grid-column:span 3}
.grid .col4{grid-column:span 4}
.grid .col5{grid-column:span 5}
.grid .col6{grid-column:span 6}

.grid.align_top{align-items: start}
.grid.align_center{align-items: center}
.grid.align_bottom{align-items: end}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:block; margin-top:1em;}
.btn{display:inline-block; line-height:1; border:none;}

.btn:hover{transform:translatey(-2px)}

.btn.l_btn{font-size:28px; font-weight:var(--bold_weight); padding: 16px 30px 16px 30px ; border-radius:var(--border_radius)}
.btn.n_btn{font-size:20px; font-weight:var(--normal_weight); padding: 20px 30px 20px 30px ; border-radius:var(--border_radius)}

.btn.round_btn{display:inline-flex; align-items: center; justify-content: center; width:54px; height:54px; font-size:20px; border-radius:100%}


.btn .icon_right{display:inline-block; margin-left:50px}

.btn.clr1_white{color:#fff; background:var(--clr1);}
.btn.clr2_white{color:#fff; background:var(--clr2);}
.btn.clr3_white{color:#fff; background:var(--clr3);}



.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid var(--border_clr); padding:5px 10px; vertical-align:top; min-width: 200px}

.template{min-height:100dvh; position:relative;}
.template .left_bar{width:calc(50% - 700px); background:url(img/notes.png) #7a6d5d; min-height:100dvh}
.template .right_bar{width:calc(50% + 700px); min-height:100dvh}


.content_container ul, .content_container ol{margin-left:20px; margin-bottom:1em;}
.content_container b, .content_container strong{font-weight:var(--bold_weight)}
.content_container a{color:var(--clr2); font-weight:var(--normal_weight); text-decoration:underline}

.header{padding: 70px;}
.header h1{margin-bottom:0}

.content{padding: 0px 70px 70px;}

.content .text{    grid-area: 1 / 1 / 2 / 3;}
.content .img{grid-area: 1 / 3 / 3 / 5;}
.content .buy{ grid-area: 2 / 1 / 3 / 3;}

.content .img img{width: 630px;}

.slogan{font-size:50px; font-style: italic; line-height:1; background:#000; color:#fff; font-weight:700;  padding: 50px 70px;}


@media only screen and (max-width: 1500px) {
	.template .left_bar{width:50px;}
	.template .right_bar{width:calc(100% - 50px);}
	.header{ padding: 70px 50px;}
	.content{  padding: 0px 50px 70px;}
	.slogan{  padding: 50px;}
}

@media only screen and (max-width: 1200px) {
	.header{ padding: 50px 40px;}
	.content{  padding: 0px 40px 70px;}
	.slogan{  padding: 50px 40px;}
	
	.header .grid .col3{grid-column:span 4}
	.header .grid .col1{grid-column:span 4}
	
}

@media only screen and (max-width: 1100px) {
	.template .left_bar{width:0;}
	.template .right_bar{width:100%;}
	
	.header{ padding: 50px 30px;}
	.content{  padding: 0px 30px 50px;}
	.slogan{  padding: 50px 30px;}
	
	.content .text{    grid-area: 1 / 1 / 2 / 3;}
	.content .img{grid-area: 1 / 3 / 2 / 5;}
	.content .buy{ grid-area: 2 / 1 / 3 / 5;}
}

@media only screen and (max-width: 960px) {
	.content .text{    grid-area: 2 / 1 / 3 / 5;}
	.content .img{grid-area: 1 / 1 / 2 / 5;}
	.content .buy{ grid-area: 3 / 1 / 4 / 5;}
	.content .img img{width:500px}
}


@media only screen and (max-width: 850px) {
	h1, .h1 { font-size: 60px;}	
	
	
}

@media only screen and (max-width: 550px) {	
    h1, .h1 {        font-size: 50px;    }
	.slogan{ font-size:40px }
}


@media only screen and (max-width: 400px) {
	 body, html{font-size:16px}
	 h1, .h1 {        font-size: 40px;    }
	 .btn.l_btn {    font-size: 24px;    padding: 12px 25px 11px 25px;	 }
	.slogan{ font-size:35px }
}

@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}