@media screen and (min-width: 768px) {
    .navbar-default .nav > li > a,
    .navbar-default .nav > li > a:focus {
        font-size: 16px;
        color: #545454;
    }
	header .header-content .header-content-inner p, p{
    font-size: 18px;
	}
	
}

@media screen and (max-width: 768px) {

	body{
	font-family: 'Rubik', sans-serif;
	}
	header .header-content .header-content-inner h1{
	font-size:26px;
	}
	.imgAbout{
    margin: 0 auto;
    left: 0;
	padding:0;
	}
	.btn {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 300px;
	}
	
	.navbar-default .nav>li>a{
	color: #545454;
	text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
	}
	.navbar-default.affix .nav>li>a, .navbar-default.affix .nav>li>a:focus{
		color: #545454;
		font-size: 16px;
	}
	.navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus {
		font-size: 16px;
	}
	.navbar-default.affix .nav>li>a:focus:hover, .navbar-default.affix .nav>li>a:hover {
		color:#fff;
		background: #86878a;
	}
	.navbar-default .nav>li.active>a:focus:hover, .navbar-default .nav>li.active>a:hover{
		background-color: transparent;
		background: #83A0B6;
		color:#fff;
		/*why transparent?*/
	}
	a.btn.btn-default.btn-xl.sr-button {
		background-color: #004b76;
		color:#fff;
		font-size: 18px;
	}
	a.btn.btn-default.btn-xl.sr-button:hover{
		color: #fff;
		background-color:#86878a;
	}
	header .header-content-inner{
    padding: 0 auto;
	}
	header .header-content {
    padding: 15px;
	}

}