/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 Nov 2017, 3:12:13 AM
    Author     : Mukoni
*/

@import url('https://fonts.googleapis.com/css?family=Lato');

html, body
{
	height:100%;
} 

body
{
	margin-top:0px;
	position: relative;
	font-family: 'Lato', sans-serif;
	overflow-x: hidden;
}

/* Navbar header logo */
#nav_header
{
	margin-top:-5px;
}


/* Navbar */
.navbar-default {
    background-color: rgba(80,80,80,0.7);
	border: 0px;
	background: #0003; /*a bit of transparency*/
	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
        /*color: #808080;*/ 
}

/* Navbar Link */
.navbar-default .navbar-nav > li > a {
    color: #fff;  /*greyish*/
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: rgb(8,174,158);
	background: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: rgb(8,174,158);
    background-color: transparent;
}

.content_containter
{
	padding-top: 80px;
}

.main_header
{
	/*color:rgba(17, 16, 24,1);*/
	margin-top: 90px;
	text-align: center;
}

.white_text
{
	color: #fff;
}

.black_text
{
	color: #808080;
}

.green_text
{
	   color: rgb(8,174,158);
}

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 768px) {
/* navbar */
.nav li a
{
  height:100px;
  padding:42px 30px;
  font-size:110%;
}	
}

@media only screen and (max-width: 767px)
{
		/* Navbar header logo */
#nav_header img
{
	color: #808080;
	margin-top:-7px;
	height: 50px;
}
}

@media only screen and (min-width: 767px) and (max-width: 978px)
{
	
	#nav_header img
{
	color: #0003;
	margin-top:0px;
	height: 50px;
}
	
.nav li a
{
  height:70px;
  padding:27px 20px;
  font-size:100%;
}	
	
}

/*


*/