.header-bground {
  background-color: #191970;
}

.topp-margin {
  margin-top: 40px;
}

/* ul {
	
	padding: 15px;
} */

.space-letters {
  letter-spacing: 0.05em;
}

.unblock {
  display: inline-block;
}

.dont-break-out {
  /*These are technically the same but use both 
	to ensure all browsers are supported*/
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.bground-color {
  background-color: #f8f8f8; /* rgb(248,248,248) */
}

p {
  font-family: "Roboto", Helvetica, sans-serif;
}

.text-color {
  color: #404040; /* rgb(64,64,64) */
}

.logo h1 {
  font-size: 35px;
  font-family: "Oswald", Helvetica, sans-serif;
  line-height: 1.1;
}

.logo1 {
  font-size: 50px;
  font-family: "Oswald", Helvetica, sans-serif;
  line-height: 1.1;
}

.logo2 {
  font-size: 30px;
  font-family: "Oswald", Helvetica, sans-serif;
}

a:hover {
  color: #ff9999; /* rgb(0, 255, 191) */
}

.test:hover {
  color: #ff0000;
  background-color: #ff0000;
}

/* li {
	font-family: 'Roboto', Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 15px;
} */

.news-font {
  font-size: 13px;
}

.no-margin {
  margin: 0px;
}

.add-padding {
  padding-bottom: 30px;
}

a {
  text-decoration: none;
}

.title {
  padding-top: 30px;
  padding-bottom: 30px;
}

.hide {
  display: none;
}

.space-letters {
  letter-spacing: 0.05em;
}

.unblock {
  display: inline-block;
}

.dont-break-out {
  /*These are technically the same but use both 
	to ensure all browsers are supported*/
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.side-margin1 {
  margin-left: 20%;
  margin-right: 20%;
}

.bottom-margin {
  margin-bottom: 380px;
}

.topp-margin {
  margin-top: 40px;
}

.set-height {
  height: 70px;
}

.normal-bar {
  display: block;
}

.mobile-bar {
  display: none;
}

/*
-----------------
MEDIA QUERIES
-----------------
*/

@media only screen and (min-device-width: 1200px) {
  /* Devices that are Laptops and Desktops */
} /*Close Media Query*/

@media only screen and (max-width: 480px) and (orientation: portrait) {
  /*Cellphone Screens in portrait*/

  .side-margin1 {
    margin-left: 0;
    margin-right: 0;
  }

  .normal-bar {
    display: none;
  }

  .mobile-bar {
    display: block;
  }
} /*Close Media Query*/

@media only screen and (max-width: 480px) and (orientation: landscape) {
  /*Cellphone Screens in portrait*/

  .side-margin1 {
    margin-left: 0;
    margin-right: 0;
  }

  .normal-bar {
    display: none;
  }

  .mobile-bar {
    display: block;
  }
} /*Close Media Query*/