@charset "utf-8";
/* CSS Document */
html, body
{
        height: 100%;
    margin: 0;

}
a 
{
    text-decoration: none;
    color:black;		
	font-family: Calibri;
}
a:hover
{
    color:#0C71E1;
    text-decoration: underline;
}
@media only screen  and (max-width: 1000px)
{
    
    #bodyblock2
{
	
	display: grid;
	
		width:100%;

   
	margin: auto;
        height: 100%;
 
    grid-template-columns:28% 28% 43%;

   
}
    #bodyblock
{
	
	display: flex;
	flex-direction: column;
		width: 100%;

    margin-top: 10%;
}
    

    .author_title1
{
	align-self: center;
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.5em;

	grid-area: first;
}
.author_title2
{
	align-self: center;
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.5em;

	grid-area: third;
}
    .right_main
{
       grid-area: rightblock;
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-top: 3%;
}
    .left_main
{
       grid-area: leftblock;
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;
    margin-top: -25%;
      white-space: nowrap;
}
    
    .left_main1
{
     
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:20px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;
margin-top:100%;
      white-space: nowrap;
    
}
.right_main1
{
     
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:16px;
 
    text-align: center;
    flex-wrap: nowrap;
align-self: center;
      white-space: nowrap;
    margin-top:0;
    
}
    
    
    .main_grid
{
	margin-bottom: 10px;
	


	display: grid;
	grid-template-columns:  100%;
	padding: 15px;
	row-gap: 10px;
		  grid-template-areas:   
    'first'
             'third'              
             'four ';
 
	width: 100%;
	margin: auto;
	
}
    .footer_row
{
position: absolute;
    bottom: 10px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
    text-align: center;

 
	
}
.footer
{
	justify-content: center;
	align-items: center;
    text-align: center;
align-self: center;

	font-size: 16px;
	
	

}
    .box1
{
    display: flex;
  


}
    .two_display
{
     display: grid;
    grid-column-gap: 20px;
  	grid-template-columns: 33% 33% 33%;
    		  grid-template-areas:   
   
  
     'leftblock centerblock rightblock ' ;
}
}
#bodyblock
{
	
	display: flex;
	flex-direction: column;
		width: 50%;
    max-width: 1200px;
    min-width:800px;
	margin: auto;

}
#bodyblock2
{
	
	display: grid;
	
		width: 90%;
   max-width: 1800px;
    min-width:800px;
	margin: auto;
        height: 100%;
  min-height: 100%;
    grid-template-columns:30% 40% 30%;

   
}

.madehere
{
    position: absolute;
    top:40%;
    left:15%;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:95px;
    color: red;
    letter-spacing: 5px;
     -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
        transform: rotate(-40deg);
    z-index: -100;
    border-color: red;
    border-width: thin;
    border-style: solid;

}
    .footer_row
{

	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
    text-align: center;

 
	
}
.footer
{
	justify-content: center;
	align-items: center;
    text-align: center;
align-self: center;

	font-size: 16px;
	
	

}
.copyright
{
    position: absolute;
    width: 50%;
    margin: auto;
    bottom:15px;
    font: 18px;
}

.table1
{
    margin-top: 20%;
    height: 100%;
}
.table_right_main
{
  
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;

      white-space: nowrap;
}
.centerdiv
{
    margin-top: 20%;
}
.author_title0
{
    width: 90%;

        margin:auto;
	align-self: center;
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.3em;
  word-spacing: 0.55em;
flex-wrap: nowrap;
	padding-bottom: 20px;
    margin-bottom: 20px;

   

	
}


.text_top_right
{
    position: relative;
    top:25px;
    right:25px;
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
    line-height: 35px;
    text-align: center;
}

.third_poem
    
    {
        margin-top: 70px;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
    line-height: 35px;
    text-align: left;
    flex-wrap: nowrap;
  
      white-space: nowrap;
        
}
    .second_poem
    
    {
        
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:26px;
    line-height: 35px;
    text-align: left;
    flex-wrap: nowrap;
  
      white-space: nowrap;
        
    
        
        
    }
.double_box
{
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
}
.fifth_poem
{
    
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:16px;
    line-height: 25px;
 
    flex-wrap: nowrap;
  color: red;
      white-space: nowrap;
    text-align: right;
}
    .fourth_poem
    
    {
        


    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:16px;
    line-height: 25px;
    text-align: left;
    flex-wrap: nowrap;
  color: red;
      white-space: nowrap;
        
        
        display: grid;
          grid-template-columns:100%;
          grid-template-areas:   
               'one_four_1'
 'one_four_2'
               'one_four_3'
               'one_four_4'
               'one_four_5'
               'one_four_6'
               'one_four_7'
               'one_four_8'
               'one_four_9'
               'one_four_10'
              ;
        
        
    }

  .poem_four_1
    {
        grid-area: one_four_1;
        margin-left: 0px;
    }
  .poem_four_2
    {
        grid-area: one_four_2;
        margin-left: 0px;
    }
  .poem_four_3
    {
        grid-area: one_four_3;
        margin-left: 0px;
    }
  .poem_four_4
    {
        grid-area: one_four_4;
        margin-left: 0px;
    }
  .poem_four_5
    {
        grid-area: one_four_5;
        margin-left: 0px;
    }
  .poem_four_6
    {
        grid-area: one_four_6;
        margin-left: 0px;
    }
  .poem_four_7
    {
        grid-area: one_four_7;
        margin-left: 0px;
    }
  .poem_four_8
    {
        grid-area: one_four_8;
        margin-left: 0px;
    }

  .poem_four_9
    {
        grid-area: one_four_9;
        margin-left: 0px;
    }
  .poem_four_10
    {
        grid-area: one_four_10;
        margin-left: 90px;
    }
.left_three
{
  
    width:100%;
    display: grid;
      grid-template-columns:50% 50%;
       grid-template-areas:    
           'left_top left_right'
               'left_bottom left_bottom';
    align-self: baseline;
    
}

.left_top1
{
   
    grid-area: left_top;
    
}
.left_right1
{
    grid-area: left_right;
    
}
.left_bottom1
{
    margin-top:-100px;
    grid-area: left_bottom;
    
}
   .poem1a
    {
        grid-area: one1;
    }
.poem1b
    {
        grid-area: one2;
    }
    .poem1
    {
        grid-area: one;
    }
.poem2
    {
        grid-area: two;
    }
.poem3
    {
        grid-area: three;
    }
.poem3two
    {
        grid-area: three2;
        align-self: center;
    }
.poem4
    {
        grid-area: four;
    }
.poem5
    {
        grid-area: five;
    }
.poem6
    {
        grid-area: six;
    }
.poem7
    {
        grid-area: seven;
    }
.poem7two
    {
        grid-area: seven2;
         align-self: center;
    }
.poem8
    {
        grid-area: eight;
    }



.font22
{
    	font-size:22px;
}
.font45
{
    font-family: "Helvetica Neue";
    	font-size:55px;
    font-weight: lighter;
}
.two_display
{
     display: grid;
    grid-column-gap: 20px;
  	grid-template-columns:20% 60% 20%;
    		  grid-template-areas:   
   
  
     'leftblock centerblock rightblock ' ;
}
.center_main
{
       grid-area: centerblock;
    margin-top: 10%;
}
.box1
{
    display: flex;
   

}
.box0
{
 
   display: flex;
        flex-direction: row;

}
.right_main
{
       grid-area: rightblock;
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;
    margin-top: -25%;
      white-space: nowrap;
}
.left_main
{
       grid-area: leftblock;
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:24px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;
    margin-top:50%;
      white-space: nowrap;
    
}
.left_main1
{
    margin-top: 250px;
     display: flex;
    flex-direction: column;
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:24px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;
align-self: baseline;
      white-space: nowrap;

}
.left_main2
{
     
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:24px;
    line-height: 35px;


}
.right_main1
{
     
    
    	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:18px;
    line-height: 35px;
    text-align: center;
    flex-wrap: nowrap;
margin-top: 70px;
      white-space: nowrap;
    

    
}
.main_grid
{
	margin-bottom: 10px;
	


	display: grid;
	grid-template-columns:  47% 6%  47%;
	padding: 15px;
	row-gap: 10px;
		  grid-template-areas:   
    'first second third'
              
             ' four four four';
 
	width: 75%;
	margin: auto;
	
}
.author_title1
{
	align-self: center;
	text-align: left;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.5em;

	grid-area: first;
}
.author_title2
{
	align-self: center;
	text-align: right;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.5em;

	grid-area: third;
}
.author_title3
{
    width: 70%;
    max-width: 500px;
        margin:auto;
	align-self: center;
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:50px;
	letter-spacing: 0.1em;
  	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: black;
	padding-top: 20px;
    margin-top: 15px;

	
}
.author_title3a
{
    width: 70%;
    max-width: 500px;
        margin:auto;
	align-self: center;
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:50px;
	letter-spacing: 0.1em;
  	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: black;
	padding-top: 20px;
     margin-top: 50px;

	
}

.author_title4
{
    width: 95%;

        margin:auto;
	align-self: center;
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.3em;
  
flex-wrap: nowrap;
	padding-bottom: 20px;
    margin-bottom: 50px;
transform: rotate(180deg);
   

	
}
.author_blank
{


	grid-area: second;
}
.book_title_area
{

	color: black;
		grid-area: title;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;	
	line-height: 22px;	
	width: auto;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: black;
	padding-bottom: 20px;
}
.author_title
{
	align-self: center;
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.5em;
margin-top: 15%;
}

.book_title
{
	align-self: center;
	text-align: center;
	color: black;
		
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;	
	line-height: 22px;	
	margin: 20px;
	margin-top: 35px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: black;
	padding-bottom: 20px;
}
.book_title0
{
	align-self: center;
	text-align: center;
	color:black;
		
	font-family: Calibri;
	font-size: 32px;	
	line-height: 30px;	
	margin: 10px;
	margin-top: 35px;
    /*font-weight: 100;
    letter-spacing: 3px;*/

}
.book_subtitle
{
	align-self: center;
	text-align: center;
	color: black;
		
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;	
	line-height: 22px;	
			border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: black;
	padding-bottom: 20px;
	
	
}
.book_subtitle0
{
	align-self: center;
	text-align: center;
	color: black;
		
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;	
	line-height: 22px;	

	padding-bottom: 20px;
	
	
}
.die
{
	font-size: 16px;
		text-align: center;
	color: #CE0000;
	letter-spacing: 3px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

}
.maintext
{
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 66px;
	letter-spacing: 0.5em;
	line-height: 22px;
 white-space: nowrap;
	
}
.maindiv
{
	padding-top:  20%;
	width: 30%;
	min-width: 500px;
	margin: auto;
	
	
}
div.brand
{
	text-align: center;
	color:black;
	
	padding-top: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;	
	margin-bottom: 10px;
	letter-spacing: 4px;
}
div.slogan
{
	text-align: center;
	color:red;
	
	padding-top: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;	
	margin-bottom: 10px;
	letter-spacing: 2px;
}
div.title2
{
	text-align: center;
	color:black;
	
	padding-top: 20px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;	
	margin-bottom: 10px;
	letter-spacing: 2px;
}
div.subdiv
{
	padding-top:50px;
}
.maintext3
{
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;
	line-height: 22px;
	margin: 30px;
	
}
a.maintext2
{
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;	
	line-height: 22px;	
	margin: 20px;
	text-decoration: none;
	
	
}
a.maintext2:hover
{
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;	
	line-height: 22px;

	margin: 20px;
	
}
.text
{
	text-align: center;
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 86px;
	
}

#first
{
	margin-left:43%;
	margin-top:35px;
}
.first p
{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;
	line-height: 22px;
	
	margin-right: 20%;
	
}
.first dl
{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	line-height: 22px;
	margin-top: -20px;
	margin-right: 25%;
	letter-spacing: 3px;
	
}
#second
{
	margin-left:53%;
	margin-top: 45px;
}
.second p
{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;
	line-height: 22px;
	
	margin-right: 20%;
	
}
.second dl
{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	line-height: 22px;
	margin-top: -20px;
	margin-right: 25%;
	
}
#third
{
	margin-left:40%;
	margin-top: -40px;
}
.third p
{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;
	line-height: 22px;
	
	margin-right: 20%;
	
}
.third dl
{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	line-height: 22px;
	margin-top: -20px;
	margin-right: 25%;
	
}
.pustoe
{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 72px;

}