html, body {
    width: 100%;

    margin: 0;
    padding: 0;
    background: #f9f1d9;

}

p {
    text-align: center;
}
 
.Golova {FONT-SIZE: 200%; 

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;}
p {font-size: 180%;}

.line {font-size: 150%;}
.line_back {font-size: 150%;}
}

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

.line {font-size: 150%;}
.line_back {font-size: 150%;}
}

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

.left_kolonna {display: none;}
.right_kolonna {display: none;}
p {font-size: 180%;}

.line {font-size: 150%;}
.line_back {font-size: 150%;}
}

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

	}








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: 140%; font-weight: bold; TEXT-DECORATION: none}