@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
font-family: 'Roboto Condensed' ;
}

h1 {font-family: 'Roboto Condensed' ;}
a:link, a:visited, a:active {text-decoration:none;color:navy}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

header {background: #e2e2e2; width: 100%;}
.rag-phone {display: inline-block; vertical-align: middle;}
.rag-phone h2 {font-size: 30px; letter-spacing: 1px;}
.header-btn {padding: 10px 25px; background:#A30002; color:#fff; text-align: center; display: inline-block; vertical-align: middle; border-radius: 5px; margin-top:5px;font-family: 'Arial',san-serif; transition: .3s ease; }
.header-btn:hover {background: navy;}
.logo {text-align: center; margin: 0 auto; padding: 15px 0; display: inline-block; width: 15%; vertical-align: middle;}
.logo img {max-width:300px; width: 100%;}
.header-right {display: inline-block; width: 80%; vertical-align: middle; text-align: right;}
.width-90 {width: 90%; margin: 0 auto;}
.width-80 {width: 80%; margin: 0 auto;}
.width-60 {width: 60%; margin: 0 auto;}
#padding50 {padding: 50px 0;}


.footer {text-align: center; padding: 10px 0;}
.footer p {letter-spacing: 1px; font-size: 14px; }
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1200px) {
	.logo {width: 50%;}
	.header-right {width: 48%;}
	.width-60 {width: 90%;}
	
}


@media only screen and (max-width: 767px) {
	.logo {width: 100%; padding: 0;}
	.header-right {width: 100%; text-align: center; padding: 5px 0;}
	 .header-btn {width: 100%; margin: 0 auto; padding: 10px 0;}
	.width-80 {width: 90%; }
	.footer p {font-size: 12px;}
	
}