/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body {
	font-family: 'Roboto', sans-serif;
	background-color:#37475e;
}
.content {
    width: 32%; 
    margin-left:auto;
	margin-right:auto;
    padding:10px;
	margin-top:1%;
}
.content h1 {
	font-size:35px;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	margin-bottom:0.8em;
	line-height:25px;
	text-transform:uppercase;
	letter-spacing:1px;
}
/*-- calendar --*/
.calnder {
	padding:0;
}
.cal1 .clndr .clndr-table tr .day .today .event .day-contents {
	color:#fff !important;
}
.column_right_grid.calender {
	background-color:#f6f7f9;
	padding:1.5em;
}
.cal1 .clndr .clndr-table .header-days .header-day {
	border-left:1px solid #D8D8D8;
}
.clndr .clndr-table {
	border-bottom:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}
.clndr .day {
	border-left:1px solid #D8D8D8;
	border-top:	1px solid #D8D8D8;
}
.cal1 .clndr .clndr-table tr .day :hover{
	background-color:#f6f7f9;
}
/*-- calendar ends here --*/
.footer a, a:active {
	color:white;
	text-decoration:none;
}
.footer a:hover {
	color:#fe7676;
	text-decoration:none;
	transition:all 0.5s ease-in-out;
}
.footer {
	margin-top:2%;
	text-align:center;
	font-weight:100;
}
.footer p {
	color:white;
	font-size:15px;
	font-family: 'Oswald', sans-serif;
	line-height:25px;
}

/*---- responsive-design -----*/
@media(max-width:1920px){
	.content {
	margin-top:5%;
}
	.content h1 {
	margin-bottom:1.8em;
}
	.column_right_grid.calender {
	padding:2em;
}
}

@media(max-width:1366px){
	.content {
	margin-top:0;
}
	.content h1 {
	margin-bottom:1em;
}
	.footer {
	margin-top:-1%;
}
}

@media(max-width:1280px){
	.content {
	width:34%;
}
}

@media (max-width:1080px){
	.content {
    width: 40%;
}
}

@media(max-width:1024px){
	.content {
	width:45%;
	margin-top:2%;
}
	.content h1 {
	margin-bottom:1em;
}
	.footer {
	margin-top:1%;
}
}

@media (max-width: 800px){
	.content {
	width:55%;
}	
}

@media (max-width: 786px){
	.content {
	width:60%;
	margin-top: 5%;
}	
	.footer {
    margin-top: 5%;
}	
}

@media (max-width: 736px){
	.content{
	width:75%;
}
}

@media (max-width: 667px){
	.content{
	width:75%;
}
}

@media (max-width: 640px){
	.content {
	width:70%;
}	
}

@media (max-width: 600px){
	.content {
    width: 80%;
}
	.content h1 {
	font-size:34px;
}
}

@media (max-width: 568px){
	.content{
	width:75%;
}
}

@media (max-width: 480px){
	.content {
	width:85%;
}
}

@media (max-width: 414px){
	.content {
    width: 90%;
	margin-top:3%;
}
	.content h1 {
    font-size: 30px;
	margin-bottom: 1.2em;
}
	.footer p {
	font-size:14px;
}
}

@media (max-width: 384px){
	.content {
    width: 95%;
    margin-top: -2%;
}
	.content h1 {
	font-size: 29px;
	margin-bottom: 0.9em;
}
	.footer {
    margin-top: -1%;
}
	.footer p {
	font-size:13px;
	line-height:20px;
}
}

@media (max-width: 375px){
	.content {
    width: 85%;
	margin-top:-1%;
}
	.content h1 {
	font-size:25px;
}
	.footer p {
    font-size: 14px;
    line-height: 20px;
}
}

@media (max-width: 320px){
	.content {
    width: 90%;
	margin-top:1%;
}
	.content h1 {
	font-size:21px;
	margin-bottom:1em;
}
	.footer{
	margin-top:-2%;	
}
	.footer p {
	line-height:20px;
	font-size:13px;
}
}
/*--//responsive-design---*/