@font-face { 
  font-family: "Arial";
  src: url(../font/Arial/Arial.eot?) format("eot"),
  url(../font/Arial/Arial.woff) format("woff"),
  url(../font/Arial/Arial.ttf) format("truetype");
}
@font-face { 
  font-family: "Arialbold";
  src: url(../font/Arialbold/Arialbold.eot?) format("eot"),
  url(../font/Arialbold/Arialbold.woff) format("woff"),
  url(../font/Arialbold/Arialbold.ttf) format("truetype");
}
@font-face { 
  font-family: "GeorgiaBold";
  src: url(../font/GeorgiaBold/GeorgiaBold.eot?) format("eot"),
  url(../font/GeorgiaBold/GeorgiaBold.woff) format("woff"),
  url(../font/GeorgiaBold/GeorgiaBold.ttf) format("truetype");
}
@font-face { 
  font-family: "Georgia";
  src: url(../font/Georgia/Georgia.eot?) format("eot"),
  url(../font/Georgia/Georgia.woff) format("woff"),
  url(../font/Georgia/Georgia.ttf) format("truetype");
}
@font-face { 
  font-family: "RobotoSlab";
  src: url(../font/RobotoSlab/RobotoSlab.eot?) format("eot"),
  url(../font/RobotoSlab/RobotoSlab.woff) format("woff"),
  url(../font/RobotoSlab/RobotoSlab.ttf) format("truetype");
}
body{
	background-image: url(../img/beackground.jpg);
	background-attachment: fixed;
}
h1{
	font-family: Georgia;
	font-size: 34px;
	padding: 15px 0 15px 0;
}
h2{
	font-family: Georgia;
	font-size: 20px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
h3{
	font-family: Georgia;
	font-size: 20px;
	text-align: center;
}
a{
	color: #000;
}
address{
	font-family: Georgia;
	font-size: 18px;
	margin-top: 35px;
	margin-right: 10%;
	border: 1px solid #000;
	border-radius: 10px;
	text-align: left;
	padding: 20px 0 0  20px;
}
address strong{
	color: red;
}
mark{
	color: red;
}
.pt{
	margin-top: 20px;
}
.text_color{
	color: red;
}
.gradient{
	background: rgba(246,233,199,1);
	background: -moz-linear-gradient(top, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,233,199,1)), color-stop(100%, rgba(248,224,184,1)));
	background: -webkit-linear-gradient(top, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: -o-linear-gradient(top, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: -ms-linear-gradient(top, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: linear-gradient(to bottom, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e9c7', endColorstr='#f8e0b8', GradientType=0 );
}
.logo{
	padding-left: 20%;
	padding-top: 30px;
}
.navbar{
	background-color: inherit!important;
	box-shadow: none;
	padding-top: 30px;

}
.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
    background-color: inherit;
}
.navbar ul{
	margin-left: 9%;
}
.navbar ul li{
	font-family: GeorgiaBold;
	font-size: 18px;
	border: 1px solid #000;
	margin-left: 20px;
	padding:0 5px;
	background: rgba(246,233,199,1);
	background: -moz-linear-gradient(left, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,233,199,1)), color-stop(100%, rgba(248,224,184,1)));
	background: -webkit-linear-gradient(left, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: -o-linear-gradient(left, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: -ms-linear-gradient(left, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	background: linear-gradient(to right, rgba(246,233,199,1) 0%, rgba(248,224,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e9c7', endColorstr='#f8e0b8', GradientType=1 );
}
.dropdown-menu, .show{
	background-color: #F7E4BE;
}
.h1_title{
	border:1px solid #000;
	text-align: center;
	margin-top: 50px;
}
.content_blok{
	border: 1px solid #000;
	margin-top: 50px;
	padding: 0;
	background-color: #F7E4BE;
}
.content_blok a{
	color: #0056B5;
}
.content_blok  li{
	font-family:RobotoSlab Arial;
	font-size: 18px;
}
.img_blok{
	padding: 0;
	margin-right: 20px;
}
.my_img{
	border: 2px solid #F8E0B9;
}
.content_blok>p{
	font-family: Georgia;
	font-size: 18px;
	text-align: justify;
	padding:0  20px 0 20px;
}
.content_blok strong{
	font-weight: bold;
}
footer{
	font-family: Arial;
	font-size: 18px;
	text-align: center;
	padding: 20px 0 20px 0;
	border:none;
}
@media screen and (max-width: 1024px){.logo{padding-left: 40%;}address{margin: 0;text-align: center;}.navbar ul li{font-size: 15px;}.logo{padding: 30px 0 0 20%;}.navbar{margin-top: 20px;}.navbar ul{margin-left: 5%;}}

@media screen and (max-width: 960px){.logo{padding-left: 35%;}}

@media screen and (max-width: 640px){.logo{padding-left: 31%;}}

@media screen and (max-width: 480px){h1{font-size: 25px;}.logo{padding-left: 31%;}h2{padding-bottom: 10px;}.my_img{padding-bottom: 20px;}.content_blok strong{font-size: 16px;}.content_blok>p{text-align: center;}}

@media screen and (max-width: 320px){.logo{padding-left: 22%;}h1{padding: 9px 0 5px 0;font-size: 18px;}.h1_title{margin-top: 20px;}address{font-size: 16px;padding: 10px 0 0 4px}.navbar{background-color: #F7E7C3!important;border:1px solid #000;padding-top: 7px;margin-top: 20px;}.content_blok{margin-top: 20px;}.my_img{padding-bottom: 20px;}h2{padding-bottom: 10px;}.content_blok>p{text-align: left;}}