ul {
  background-color: #27586B;
}

.nav a {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

.nav li {
  display: inline;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 35px;
  text-align; center;
  text-decoration: none;
  border-radius: 50%;
}

.fa:hover {
  opacity: 0.7;
}

.fa-instagram {
  background: #FF7F50;
  color: white;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.jumbotron {
  background-image:url('onair.jpg');
  height: 800px;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron .container {
  position: relative;
  top:300px;
}

.jumbotron h1 {
  color: #fff;
  font-size: 48px;  
  font-family: 'Shift', sans-serif;
  font-weight: bold;
}

.jumbotron h3 {
	color: #055FFA;
	font-size: 25px;
}

.jumbotron p {
  font-size: 20px;
  color: #fff;
}

.learn-more {
  background-color: #f7f7f7;
}

.learn-more h3 {
  font-family: 'Shift', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.learn-more a {
  color: #00b0ff;
}

.row {
	margin: 8px -16px;
	padding: 8px;
}

.column {
	float: left;
	padding: 8px;
	width: 25%;
}

.flex-container {
    display: flex;
    /*flex-direction: row;*/
    justify-content: flex-start;
    flex-wrap: wrap;
	padding: 50px 5px 5px 5px;
}

.item {
     
    height: 200px;
    margin: 5px;
	border-style: groove;
	padding: 5px;
	border-color: green;
	border-width: 10px;
    
}

* {
	box-sizing: border-box;
}
/*html, body, div, img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}*/