html {
	background-color: #135a5b;
	background: url(/imgs/fon.jpg) 100% 100% repeat;
    background-size: cover;
	background-attachment: fixed;
	height: 100vh;
}
h1, .h1 {
    color: #d9b66f;
	font-family: 'Playfair Display',serif;
	font-weight: bold;
	margin-top: 50px;
}
p {
	font-size: 20px;
	color: #def9ff;
	font-weight: lighter;
}
.row {
    padding: 0 20px;
}
#start {
	color: #ffffff;
	background-color: #d9b66f;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	/*font-family: Montserrat;*/
	font-weight: 700;
	border: none;
	padding: 3px 20px 8px;
	font-size: 30px;
	font-weight: inherit;
}
#site {
	color: #d9b66f;
	background-color: #ffffff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	/*font-family: Montserrat;*/
	font-weight: 600;
	border: none;
	padding: 3px 20px 8px;
	font-size: 30px;
	font-weight: inherit;
	margin: 20px 0;
	-webkit-appearance: none;
	-moz-appearance:none;
}
table {
    background-color: white;
}
.btn:not(:disabled):not(.disabled) {
    font-size: 18px;
}
.text-m {
    color: #badfff;
}
.width-100{
	width: 100%;
}
#main_cont{
	width: 1200px; 
	/*padding: 50px 0;*/
}
.col-3{
	padding: 15px;
}
.img{
	cursor: pointer;
}
.green{
	color: #9BFF9B;
}
.red{
    color: #FFA6A6; 
}
#info{
	min-height: 100px;
}
p{
	margin-bottom: 3px;
}
.szPlus {
    background: #D0FFE0;
}
.szMinus {
    background: #FFD0D0;
}
.szBord {
    border-bottom: 2px solid #000000!important;
}
td{
	height: 50px;
}
.footer a {
	color: #d9b66f;
	font-size: 1em;
}


@media (max-width: 1000px){
	#main_cont{
		width: 100%;
	}
}

@media (max-width: 720px){
	.col-3{
		padding: 10px;
	}
}

@media (max-width: 550px){
	.col-3{
		padding: 5px;
	}
}