h1 {
font-size: 20px;
margin: 30px 100px;
}

h2 {
font-size: 19px;
margin: 30px 100px;
}

h3 {
font-size: 18px;
margin: 30px 100px;
}

h4{
font-size: 17px;
text-align: center;
margin: 10px;
color:black;
background-color: white;
}

h5{
font-size: 16px;
text-align: center;
margin: 10px;
color:black;
background-color: white;
}

p{
font-size: 1.3em;
text-align: left;
margin: 0px 25px;
color:black;
}

img{
width: 50%;
height: 50%;
}

ul{
float: right;
padding: 0px;
}

.navbar{
background-repeat: no-repeat;
}

.navbar-brand{
float: left;
padding: 10px 10px;
margin: 0px;
background:white;
}

.navbar-head > a:hover{
background:#00CCFF;
}

.nav-link
{
background:none;
color:#CCCC99;
}

.nav-link:hover{
background:white;
color:grey;
}

.nav-link:focus{
background:lightgrey;
color:black;
}

.dropdown-item{
background:lightgrey;
color:black;
}

.dropdown-menu{
background:lightgrey;
}

.dropdown-item:hover{
background:white;
color:lightgrey;
}

.dropdown-item:focus{
background:lightgrey;
color:black;
}

.dropdown-divider{
background:lightgrey;
color:black;
}

.dropdown-header{
background:white;
color:black;
}

.navbar-toggler{
padding: 0px;
float: right;
background:white;
color:black;
border:black;
}

.iframe{
text-align:center;
}

* {
  box-sizing: border-box;
}

body {
  background:white;
  font-family: Arial, Helvetica, sans-serif;
}

/* Float four columns side by side */
.column {
  float: left;
  width: 33%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding in columns */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the counter cards */
.card {
  border: none;
  padding: 16px;
  text-align: center;
  background-color: #FFFFFF;
  object-fit: contain;
}
  
.embed-responsive {
  	object-fit: cover;
}
	
.responsive{
max-width: 100%;
height: auto;
}

.footer{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
}