html, body {
    width: 100%;

    margin: 0;
    padding: 0;
    background: #d3efd6;

}

p {
    text-align: center;
}
 
.Golova {FONT-SIZE: 30pt; 

TEXT-DECORATION: none;
flex: 1; 

COLOR: #5e5a56; 
FONT-WEIGHT: bold; 
FONT-FAMILY: "Times New Roman", "Times ET", "Times TYGRA", "sans-serif";

 } 
 
.all_top {
    width: 100%;
	height: 100px;  
    margin: 0;
    padding: 0;	
    background-image: url("fr.jpg");
    background-repeat: repeat-x;

 display: flex;
text-align: center;
    align-items: center;
    position: relative;

}

.line {
    width: 100%;
    height: 33px;
    margin: 0;
    padding: 0;
    background-image: url("friz.jpg");
    background-repeat: repeat-x;
    background-color: #f3ebd4;
    text-align: center;
    position: relative;
	text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
	font-size: 13pt; 
	font-weight: bold; 
	TEXT-DECORATION: none;
	

}

.line_back {
    width: 100%;
    height: 33px;
    margin-bottom: 0;
    padding-bottom: 0;
    background-image: url("friz.jpg");
    background-repeat: repeat-x;
    background-color: #f3ebd4;
	text-align: center;
    bottom:0;
    right:0;
    position: relative;
	 display: flex;
  justify-content: center;
  align-items: center;
	font-size: 13pt; 
	font-weight: bold; 
	TEXT-DECORATION: none;
}

.container {
	display: flex;
    position: relative;

	height: 100%;
     background-image: url("brik.jpg");
    text-align: center;
	 
}


.left_kolonna{
   width: 120px;
        height: 100%;

	background-image: url("kol.jpg");
	background-position: left;
       background-repeat: repeat-y;   

	     
position: absolute;
}


.right_kolonna{
	     right: 0;
         width: 120px;	
        height: 100%;    

	background-image: url("kol.jpg");
	background-position: right;
       background-repeat: repeat-y;   

	     
		       position: absolute;
}



.content { margin-left: 10%; 
    margin-right: 10%;
    text-align: center;
 
	
	
}








@media screen and (max-width: 479px) {
 
.left_kolonna {display: none;}
.right_kolonna {display: none;}
.Golova {line-height: 0.8em;}
p {font-size: 24px;}
.line {font-size: 24px;}
}

@media screen and (min-width: 480px) and (max-width: 659px) {
.left_kolonna {display: none;}
.right_kolonna {display: none;}
p {font-size: 22px;}
.line {font-size: 22px;}
}

@media screen and (min-width: 660px) and (max-width: 1200px) {

.left_kolonna {display: none;}
.right_kolonna {display: none;}
p {font-size: 20px;}
.line {font-size: 20px;}
}

@media screen and (min-width: 1201px) and (max-width: 5000px) {

	}



 
 
.menu {
	margin: 0 auto;

    text-align: center;
	FONT-SIZE: 20pt;
	TEXT-DECORATION: none;
	COLOR: #5e5a56;
	FONT-FAMILY: Times New Roman, Times ET, Times TYGRA, sans-serif;
	FONT-WEIGHT: bold;
	font-style: normal;
	line-height: normal;

}




A:link {COLOR:#ae6742; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:visited {COLOR:#793729; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:active {COLOR:#ae0501; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:hover {COLOR: #ee0000; FONT-WEIGHT: bold; TEXT-DECORATION: none}


.small {text-align: center; font-size: 13pt; font-weight: bold; TEXT-DECORATION: none}
	   
 .litra {FONT-SIZE: 10pt; text-align: right; TEXT-DECORATION: none; COLOR: #000000;
 FONT-FAMILY: "Times New Roman", Times ET, Times TYGRA; padding-left:0pt; padding-right:30pt; FONT-STYLE: italic}