body{
     background-repeat: repeat;
  
    background-color: #1b75ce;
    
}

.missions{background-color: #efefef;
    border-top: solid;
    border-top-color: #e8c818;
    border-bottom: solid;
    border-bottom-color: #e8c818;
}

.biobox{
    
  margin: 25px 340px 30px;
  background-color: white;
    padding: 30px;
    border: 12px;
    border-style: solid;
    border-color:#e8c818;
    border-radius: 20px;
    
}
.footer{
    text-align: center;
}

 .bottomnav {
            padding: 20px;
            text-align: center;
            background: white;
            font-family: sans-serif;
            font-size: 25px;
            font-weight: bold;
           //** border-radius: 25px;**//
 
            }

ul {
  list-style-type: none;
  margin: 0;
  padding: 10px;
  line-height: 20px;
}

li {
  display: inline;
    padding: 14px;
    line-height: 50px;
}
a{
    text-decoration: none;
    color:#e68e16;
}

.titles{
  text-align: center;
}

table {
          font-family: arial, sans-serif;
          border-collapse: collapse;
          width: 100%;
          color: #636364;
        
          }
td, th {
          border: 1px solid #861212;
          text-align: left;
          padding: 8px;
          }

tr: {
          background-color: #dddddd;}

.skillsbubble{
    background-color: #e68e16;
    border-radius: 30px;
    font-family: sans-serif;
    color:white;
}

.row  {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
    padding-top: 20px
}

.column  {
    flex: 20%;
	max-width: 25%;
	padding: 0 4px;
}

.video{ display: flex;
    text-align: center;
    padding-top: 35px;
   
}
.contact{
    text-align: center;
}

label{
    font-family: sans-serif;
    color: #000000;
    font-size: 14pt;
    font-weight: 500;
}

input[type=text], select, textarea {
  width: 75%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}



@media (max-width: 1090px)  {
	.biobox{
		margin: 25px 75px 100px;}
    img{
        width: 800px;
    }
    }



@media (max-width: 900px)  {
	.biobox{
		margin: 25px 75px 100px;}
	.column{
		flex: 45%;
		max-width: 50%; }
    
    }

@media (max-width: 500px)  {
	.biobox{
		margin: 25px 25px 100px;}
    
     img{
        width: 300px;
    }
   
    	.column{
		flex: 100%;
		max-width: 100%;
	}
    }