jhtml, 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:93vh;}
    
    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;}
    
    @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;}
    }