/* Styles */ 

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic);

body {
	font-family:"Lato", Helvetica Neue;
}


/* Hide Scroll */	
html,
body {
	overflow:hidden;
	overflow-y:scroll;
	}
	
.html,body::-webkit-scrollbar {
	display:none;
	}
	
.navbar-default .navbar-nav>li>a {
	color:#fff;
	text-transform:uppercase;
}

.navbar-default .navbar-nav>li>a:hover {
	color:#fff;
}

/* Main Styles */ 

.buttons-container img {
	background-color:#2a430d;
	border:2px solid #112000;
	border-radius:4px;
}

.buttons-container img:hover {
	cursor:pointer;
	background-color:#2a430d;
	text-decoration:none;
}

.phone-container img{
	max-width:90%;
}

.box-feature i {
	float:left;
	padding-right:5px;
}

h2 {
	margin-bottom:22px;
}

.ro-logo {
	height:150px;
}


footer {
	padding-top:40px;
	padding-bottom:30px;
	color:#fff;
	margin-top:40px;
	background:#2a430d ;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#fff;
}

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

.container {
	width:98%;
	margin:auto;
}

.buttons-container {
			text-align:center;
}
		
.buttons-container img{
			height:50px;
}


}


@media only screen and (min-width:768px) {
	
.navbar-brand {
	display:none;
}	

.logo-container {
	background:rgba(27,40,5, 0.6);
}

.logo-container {
	padding-top:10px;
	padding-bottom:10px;
}

.navbar-default {
	background:rgba(0,0,0,0.8);
	border:none;
	border-radius:0;
}
	
}


@media only screen and (max-width:767px) {
	
.logo-container {
	display:none;
}	

.navbar-default {
	background:rgba(0,0,0,0.8);
}

.navbar-default .navbar-brand {
	color:#fff;
}	


.buttons-container {
	text-align:center;
}


.navbar-default .navbar-brand:hover {
	color:#fff;
}

footer {
		text-align:center;
	}
	
	
}

@media screen and (max-width:500px) {
	
	.phone-container {
		width:100%;
		text-align:center;
	}
	
	.phone-container img {
		width:90%;
		margin:auto;
	}

	footer {
		text-align:center;
	}
	
	.buttons-container {
		text-align:center;
	}

	.buttons-container img {
		margin-bottom:10px!important;
		height:50px;
	}

	


	
}

