/**************************************************
CSS OF			: 	MAIN HEADER -FOOTER
DATE CREATED	:	29-05-2019
DATE-EDITED		:	29-05-2019
VERSION			:	1.0	

COMMENTS		:
	
	
BASE (MOBILE) SIZE
==================
***************************************************/

/*HEADER STYLE START
==================*/

header{ 
background:#ffffff;
}

#spinso-logo-header{	
	font-family: Ramabhadra;
	text-align:center;
	color:var(--main-graydarkest-color);
	margin-top:0.8em;

}

#spinso-logo-header a{
	color:var(--main-graydarkest-color);
}


#spinso-logo-header sup {
     top: -0.8em;
	 font-weight:bold;
	 font-family:'Montserrat', serif;

}


/*HEADER STYLE END
==================*/




/*FOOTER STYLE START
===================*/
/*FOOTER START
==============*/

footer{ 
	clear:both;
	font-size:0.6em;
	padding:20px 0;
	background:var(--main-graydarkest-color);
	color:var(--main-graylightest-color);
}

footer a b{ 
	color:var(--main-graylightest-color);


}

#spinso-logo-footer{ 
	color:var(--main-graydark-color); 
	font-family:Ramabhadra;
	font-size:2em;
}

#spinso-logo-footer a{
	color:var(--main-graydark-color); 
}


#spinso-logo-footer sup {
     top: -0.8em;
	 font-weight:bold;
	 font-family:'Montserrat', serif;

}


footer a {color:var(--main-graylighter-color);}
footer a:visited{color:var(--main-graylighter-color);}
footer a:active{color:var(--main-graylightest-color);}
footer a:hover{color:var(--main-graylightest-color);}
footer a:hover{ text-decoration:none;}
footer a:link {text-decoration: none;}




/*FOOTER END
============*/










@media only screen and (min-width: 481px) {

#spinso-logo-header{
	float:left;
	text-align:left;
	margin-bottom:-20px;
}

}

@media only screen and (min-width: 920px) {
	
header{
	padding:0;
}
	
#spinso-logo-header{ 
	margin-bottom:0px;
}	



}