/* 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 {
	background:rgba(0,0,0,.75);
	border:none;
	border-radius:0;
}

.slant {
	height:100%;
	transform:skew(35deg);
	background-color:rgba(102,20,36,.6)!important;
	overflow:hidden;
	left:74%;
	width:350px;
	margin-right:-55px;
	padding-left:35px;
	padding-top:35px;
	padding-bottom:35px;
}

.navbar-default .navbar-nav>li>a {
	color:#fff;
	text-transform:uppercase;
}

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

.slant img {
	right:0;
	transform:skew(-35deg);
}

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

/* Main Styles */  

.buttons-container img {
	background-color:#661424;
	border:2px solid #40000d;
	border-radius:4px;
}

.buttons-container img:hover {
	cursor:pointer;
	background-color:rgba(103, 21, 38, 0.92);
	text-decoration:none;
}

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


.ro-logo {
	height:150px;
}


footer {
	padding-top:40px;
	padding-bottom:30px;
	color:#fff;
	background:#661424 none repeat center top;
	margin-top:40px;
	border-top:5px solid #661424;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#fff;
}

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

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

.nav>li>a {
	padding-left:8px;
	padding-right:8px;
}

.navbar-default .navbar-nav>li>a {
	font-size:.85em;
}

.slant {
	height:100%;
	transform:skew(35deg);
	background-color:rgba(102,20,36,.6)!important;
	overflow:hidden;
	left:74%;
	width:250px;
	margin-right:-55px;
	padding-left:35px;
	padding-top:35px;
	padding-bottom:35px;
}

.slant img {
	height:30px;
}

.navbar-nav>li {
	padding-top:50px!important;
}


}


@media only screen and (min-width:768px) {
	
.navbar-nav>li {
	padding-top:68px;
}	

.navbar-brand {
	display:none;
}
	
}


@media only screen and (max-width:767px) {
	
.buttons-container {
	text-align:center;
}

footer {
	text-align:center;
}

.slant {
	display:none;
}		
	
.navbar-brand {
	color:#fff !important;
}	
	
}

@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;
	}

	
}