/***************** 
   header
******************/
@font-face {
    font-family: 'Arvo-Bold.ttf';
    src: url('asstes/bootstrap/fonts/Arvo-Bold.ttf') format('ttf'),
         url('asstes/bootstrap/fonts/Arvo-Bold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
.outer-head.outer-head {
    background-color: white;
}
.navbar-inverse .navbar-nav>.active>a{
background-color:#265440 !important;	
}
.navbar-inverse{
    border-radius: 0px;
    background-color: #232831;
	border-color: #232831;	
}
#image{
	width: 70%;
	padding-top:0px;	
}
#link{
	color: #fc5252;
	font-size: 15px;
    font-weight: 700;
	}
.right{
	padding-top: 15px;
	}
#myNavbar ul li a:hover{
	background-color:#229991;
	color:white;
	}
#myNavbar ul li a:active{
	background-color:#229991;
	color:white;
	}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fc5252;
	}
	
 
@media (min-width: 768px) and (max-width: 991px) {
#image{
width: 64%;	
}
#myNavbar ul li a{
font-size:13px;	
}
}
@media (max-width: 767px) {
#image{
width: 75%;	
margin-top:0px;
margin-left:0px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
border-color:#fc5252;	
}
.navbar-inverse .navbar-toggle{
margin-top:10px;
margin-right:10px;
border-color:#232831;
}
.navbar-header{
margin-bottom:25px;	
}
#myNavbar ul li a{
font-size:16px;
}
}
@media (max-width: 512px){
#myNavbar ul li a{
font-size:14px;
}	
	
}
@media (max-width: 480px) {
.navbar-inverse .navbar-brand{
width:195px;	
}
.navbar{
	
	margin-bottom:0px;}
.navbar-header{
margin-bottom:25px;	
}
#myNavbar ul li a{
font-size:12px;
}	
}
@media (max-width: 416px) {

#myNavbar ul li a{
font-size:11px;
}	
}
@media (max-width: 365px) {

#myNavbar ul li a{
font-size:9px;
}	
}
/**********************
   GRAMMAR-CHECKER
***********************/

html, body {
    height: 100%;
    display: table;
    margin: 0;
    width: 100%;
}
footer {
    background-color: #265440;
    display: table-row !important;
    height: 1px;
}
.sticky {
    padding: 20px;
    height: auto;
}



@media screen and (max-width: 768px) and (min-width: 320px){
	.navbar-header{padding: 2px 0px !important;margin-bottom: 0px !important;}
	.navbar-header a img {width: 150px !important;padding: 3px 0px;}
	.navbar-brand{padding:0px 15px !important;}
	.navbar{margin-bottom:0px !important;}
	.navbar-toggle{margin-top:8px !important; margin:0px;}
	footer{font-size:9px;}

}