/**************************************************/
/* Load Google Fonts Locally*/
/**************************************************/

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('Montserrat-Regular'), url(fonts/montserrat.woff) format('woff');
}

@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('Hind'), url('Hind-Regular'), url(fonts/hind.woff) format('woff');
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), local('Merriweather-Regular'), url(fonts/merriweatherLight.woff) format('woff');
}

body {
	
	/*background-image:url("img/tomFight.png");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;*/
	background-color:white;
	padding:10px;
}

h1 {
    font-family:hind;
}

.center_contents {
    width:100%;
    text-align:center;
}

/**************************************************/
/* Timetable */
/**************************************************/

.timetable {
	text-align:center;
	opacity:1;
	overflow-x:auto;
	min-width:92%;
}


#table {
	display:inline-table;
	opacity:1;
	min-width:100%;
    font-family:Hind;

}

#table h1 {
    font-family:Hind;
}

td {
	min-width:140px;
	margin:0px;
	text-align:center;
	opacity:1;
		border-radius:10px;
		    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
}

/*interactive */

td:hover {

	

}

#bjj {
	border: 2px solid #f2f2f2;
	color:green;
	background-color:#96ffa5;
	background-image:url(/img/adam.png);
}

#mma {
	border: 2px solid #f2f2f2;
	color:blue;
	background-color:#c0c6ff;
}

#yoga {
	border: 2px solid #f2f2f2;
	color:#a800ff;
	background-color:#f1c0ff;
}

#private_lessons {
	border: 2px solid #f2f2f2;
	background-color:rgb(255, 248, 232);
}

#boxing {
	border: 2px solid #f2f2f2;
	color:red;
	background-color:#ffc0c0;
}

#karate {
	border: 2px solid #f2f2f2;
	background-color:white;
	color:black;
}

#open_mat {
    border: 2px solid #f2f2f2;
	background-color:rgb(255, 255, 170);
	color:black;

}

#scrolltosee {
	display:none;
}

@media (max-width:1050px) {
	#scrolltosee {
		display:initial;
	}