.row {background-color:darkgray;}

.body{background-color: darkgray}


.h1 {
	font-size: 50px;
	align-content: center;
	text-align: center;
	font-family: "averia-serif-libre", "Lucida Bright", "DejaVu Serif", "Footlight MT Light", "serif";
}
.h2 {
	font-size: 40px;
	align-content: center;
	text-align: center;
	font-family: "averia-serif-libre", "Lucida Bright", "DejaVu Serif", "Footlight MT Light", "serif";
}

.col2 {
	margin: 2px;
	min-height: 175px;
	text-align: center;
	font-size: 35px;
	font-family: "averia-serif-libre", "Lucida Bright", "DejaVu Serif", "Footlight MT Light", "serif";
}

.col3 {
	align-content: center;
	margin: 2px;
	min-height: 200px;
	text-align: center;
	font-size: 30px;
	font-family: "averia-serif-libre", "Lucida Bright", "DejaVu Serif", "Footlight MT Light", "serif";
}


#dropdown {
	margin: 5px;
	font-family: "averia-serif-libre", "Lucida Bright", "DejaVu Serif", "Footlight MT Light", "serif";
}

.center {
  display: block;
  margin-left: auto;
	text-align: center;
  margin-right: auto;
  width:30%;
}

footer{
	background-color:#222222;
    padding: 60px 0px;
}

footer ul{
    list-style:none;
    margin:0 auto;
    display:inline-block;
    padding-top:50px;
}

footer ul li{
    float:left;
}

footer ul li a{
	color:#222222;
    padding:20px;
}

footer ul li a:hover{
	color:yellow;
	text-decoration:none;
}

.footer-top{
	padding-bottom:50px;
}

.footer-top .fa{
    font-size:18px;
    color: #FFF;
    padding-right:10px;
}

.footer-top a{
    color:#FFF;
    text-decoration:none;
}

.footer-top .col-lg-2:hover .fa , .footer-top .col-lg-2:hover a{
    color:yellow;
}

.copyright{
    background-color:#f0f0f0;
}

.copyright p{
	font-size:12px;
	padding:15px 0 10px 0;
}