html, body{
margin:0;
padding:0;}

body{
background:black !important;
color:black !important;}

@font-face{
font-family: Aldrich-Regular;
src:url(font/Aldrich-Regular.ttf);}

@font-face{
font-family: Aclonica;
src:url(font/Aclonica.ttf);}

@font-face{
font-family: CantataOne-Regular;
src:url(font/CantataOne-Regular.ttf);}

html, body, .container-grid{height:100%;}

p, li, a{
font-size:16px;
font-family:CantataOne-Regular;}

h1, h2, h3, h4, h5, h6{color:#8C1717 !important;}

h1{font-family:Aldrich-Regular !important;}

h2, h3, h4, h5, h6{
font-family:CantataOne-Regular !important;}

header{
background:black;
position:fixed !important;
z-index:2;}

header h1{font-family:Aldrich-Regular;}

header h2{font-family:Aclonica;}

header h1, header h2{
display:inline;
white-space:pre;}

header p, header a, footer p, footer a{
color:#9c9c9c;
display:inline;}

#about{background-color:#f1f1f1;}

#provide{
background:#f1f1f1;
overflow-y:hidden;}

#cooperation{background:#f1f1f1;}

#about, #provide, #cooperation{
display:none;
min-height:100%;
margin-top:35px;
text-align:justify;}

.col-md-4{
border-left:1px solid blue;
border-right:1px solid blue;}

#about h1, #about p{padding-left:10px;}

#cooperation{
text-align:center;
overflow-y:scroll;}

#cooperation h1{
padding-right:10px;
text-align:left;}

#cooperation img.coop{
margin:10px;
border:1px solid black;}

a.c1:after{
content:"\a";
white-space: pre;
margin-bottom:13px !important;}

#minMenu{
text-align:center;}

#minMenu ul{
padding-left:0;}

#minMenu ul li{
list-style-type:none;
margin:0 12px 7px 12px;
display:inline;
white-space:pre;}

#cont small{float:right;}

#minMenu ul li:hover, #cont small:hover{
color:blue;}

#minMenu ul li:nth-child(3):after{
content:"\a";
white-space: pre;}

#provide.bigger{
position:absolute;
z-index:2;
left:0;
right:0;
margin-left:auto;
margin-right:auto;}

footer{
background:black;
text-align:center;
padding-bottom:0;
bottom:0;
top:100%}

footer p{
padding:0;}

img.img-responsive{
margin:0 auto;}

img.banerResp{display:none;}

.img-left, .img-right{
margin:7px;}

.pull-left, .pull-right{margin:7px;}

td{border:1px solid black;}

@media (max-width: 992px){

html, body{height:auto;}

header.col-md-12{
width:100%;
position:static !important;}

header h2{
font-size:18px;}

header p{
display:block;
text-align:center;}

.col-md-4{border:none;}

#cooperation{overflow:visible;}

#about, #provide, #cooperation{
margin-top:3px;
height:auto;
padding-bottom:15px;}

#provide{
min-height:300px;}

img.baner{display:none;}

#about img{margin-top:20px;}

img.banerResp{display:block;}
}