@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaijaan&display=swap');

*{
	box-sizing: border-box;
}

html{
	border-top: 10px solid #c0392b;
}

body{
	background-color:#E9E6DF;
	font-family: 'Open Sans', sans-serif;	
	margin: auto;
	color: #444;
	margin-top: 20px;
	font-size: 15px;
	width: 100%;
}

strong, b{
	font-family: 'Baloo Bhaijaan', cursive;	
	font-size: 24px;
	color: #c0392b;
}

a, a:hover{
	text-decoration: none;	
}

font[size="6"] a{
	font-family: 'Baloo Bhaijaan', cursive;
	color: #333;
}

font[size="2"] b, p a b{
	font-family: 'Baloo Bhaijaan', cursive;
	color: #333;
	font-size: 15px;
}

table{
	width: 100%;
}

table, tr, td{
	border: none;
	border-collapse:collapse;
}

img{
	border: solid 10px #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

table img{
	width: 90%;
	height: auto;
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
	body{
		max-width: 540px;
	}
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
	body{
		max-width: 720px;
	}
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
	body{
		max-width: 960px;
	}
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
	body{
		max-width: 1140px;
	}
}