@import url('fonts/zagolovochnaya-regular.css');  /*Zagolovochnaya-Regular */
@import url('fonts/zagolovochnaya-bold.css');  /* Zagolovochnaya-Bold */


body {  -webkit-font-smoothing: antialiased !important;
	 font-family: 'Zagolovochnaya-Regular', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
	-moz-font-feature-settings:'aalt=0,frac=0,liga=0,locl=0,ordn=0,sups=0';
	font-size: 18px;
	color: #5E5A54;
	background-color: #fcfcfc;  }
	
	H1 { 
	font-family: 'Zagolovochnaya-bold', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
	font-size: 4.0em;
	letter-spacing: -4px;
	margin-bottom: -.3em;
    }
    H2 {
	   font-family: 'Zagolovochnaya-bold', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; 
	   font-size: 1.2em;
	   
	   	letter-spacing: -1.3px;
	   	margin-left: 5px
	   	
    }
    H3 {
	     font-family: 'Zagolovochnaya-bold', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
	     font-size: .7em;
	     text-transform: uppercase;
	     	letter-spacing: -0.1px;
    }
      H4 {
	     font-family: 'Zagolovochnaya-bold', TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif;
	     font-size: .7em;
	     text-transform: uppercase;
	     	letter-spacing: -0.1px;
	     	margin-top: 15px;
    }
	
	p {     font-size: 0.9em;}
	
	li {list-style: none; font-size: 0.8em; }
	
	.primary li { padding: 3px; border-bottom: 1px dotted #CECDC8}
	.primary li:last-child {border-bottom: none;}
	
html,body {
	height:100% !important ;
	 min-height:100% !important;
	}

.container-fluid{
    height:100% ;
      min-height:100%;
}

.fill {
   height:100% ;
    min-height:100%;
}

.primary {
	height:100%;
    min-height:100% ;
    }

.updates {
	border-left: 1px dotted #cbcbcb; 
	height:100%;
    min-height:100%;
    
    }
	.updates p {line-height: 1.2em;}
	.newsupdate {padding-bottom: 10px; border-bottom: 1px dotted #989898; display: block}
	.newsupdate p {font-size: 0.8em}
	.newsupdatedate {background-color: #ececec; font-size: 0.8em; padding: 2px;  border-radius: 2px; text-align: none !important; font-weight: 700; float: right; margin-left: 10px; }


.projects {
	border-left: 1px dotted #989898; 
	height:100%;
    min-height:100%;
    }
	.projects p {line-height: 1.2em;}
	
	    
    hr {border-top: 1px dotted #989898;}
    
.logo  { padding-bottom: 10px}    
	.logo img {margin-left: 20px;}
    
.networks {padding-left: 40px;  padding-top: 100px}
	.networks hr {margin-top:  20px}
	.networks a {font-size: .7em; padding: 5px; text-decoration: none}

.abitoftext {  padding-top: 80px}
.abitoftext p {margin-left: 5px}

a {color: #000; text-decoration: underline}
 a:hover {color: #666}   
    
    /* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 991px) { 
	.fill, .fill .updates, .fill .primary, .fill .projects, .container-fluid  {
   height: auto !important;
    min-height:100px !important;
     overflow: visible;
  }
  .networks {padding-left: 20px;  }

}