.active {
	color: aqua;
}

.cssgridlegacy .browser-warning { 

	display: block;

	padding: 10px;

	background-color: red;

	color: white;

	font-size: 20px;

	text-align: center;

}



.cssgrid .browser-warning {

	display: none;	

}





body {

	margin: 0;

	padding: 0;

	width: 100%;

	height: 100%;

}


body, html {

    color: #20303c;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    font-weight: 400;

    letter-spacing: .4px;

    font-family: 'HelveticaNeue',Helvetica,Arial,sans-serif;

    font-size: 16px;

    line-height: 1.5;

}



a, abbr, acronym, address, applet, b, big, blockquote, body, button, caption, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, title, tr, tt, u, ul, var {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    vertical-align: baseline;

    background: transparent;

}





body {

	background-color: rgb(234, 229, 229);

}







h1 {

    display: block;

    font-weight: bold;

}





a {

	text-decoration: none;

	color: #20303c;

}



nav {

	padding-top: 60px;

}



nav ul {



}



nav ul li{

	list-style-type: none;

	display: inline;

}



nav ul li a {

	padding: 10px;

}



nav ul li a:hover {

	color: aqua;

	transition: color 0.4s ease 0s;

}





main {

	padding-top: 50px;

}



footer {

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: center;

	background-color: rgba(232, 53, 86, 1);

	margin-top: 50px;

	height: 120px;

}





footer ul li{

	list-style-type: none;

	display: inline-block;

	padding-left: 40px;

}



.footer-icon {

	float: left;

	padding: 8px;

}



.footer-text {

	float: right;

}



footer p {

	padding-top: 4px;

}





.hidden-desktop {

	display: none;

}