/* GRID */
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

.container {
  width: 960px;
  margin: 0 auto;
  padding: 0px;
  position: relative;
}

.container:after, .container:before {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.grid-1 	{width: 40px;}
.grid-2 	{width: 100px;}
.grid-3 	{width: 160px;}
.grid-4 	{width: 220px;}
.grid-5 	{width: 280px;}
.grid-6 	{width: 340px;}
.grid-7 	{width: 400px;}
.grid-8 	{width: 460px;}
.grid-9 	{width: 520px;}
.grid-10 	{width: 580px;}
.grid-11 	{width: 640px;}
.grid-12 	{width: 700px;}
.grid-13 	{width: 760px;}
.grid-14 	{width: 820px;}
.grid-15 	{width: 880px;}
.grid-16 	{width: 940px;}
.grid-1-3	{width: 300px;}


@media only screen and (min-width: 788px) and (max-width: 979px){
  .container {
    width: 768px;
  }
  
  .grid-1		{width: 28px;}
  .grid-2		{width: 76px;}
  .grid-3		{width: 124px;}
  .grid-4		{width: 172px;}
  .grid-5		{width: 220px;}
  .grid-6		{width: 268px;}
  .grid-7		{width: 316px;}
  .grid-8		{width: 364px;}
  .grid-9		{width: 412px;}
  .grid-10	{width: 460px;}
  .grid-11	{width: 508px;}
  .grid-12	{width: 556px;}
  .grid-13	{width: 604px;}
  .grid-14	{width: 652px;}
  .grid-15	{width: 700px;}
  .grid-16	{width: 748px;}
  .grid-1-3	{width: 236px;}
}

@media only screen and (max-width: 787px) {
  .container {
    width: 300px;
  }
  
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 {
    width: 300px;
    margin: 0 0 20px 0;
    float: none;
  }
}
/* FINAL GRID */

html {
  height:100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  min-height:100%; 
  position:relative;
}

.header {
  height: 80px;
  background: #00031b;
  display: flex;
  align-items: center;
  border-top: 3px solid #b5ff0d;
}

.footer{
  background: #00031b;
  color: #fff;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position:absolute; 
  bottom:0px;
  width: 100%;
}

 a {
  color: #fe9a00;
  text-transform: capitalize;
}

.content {
  margin-top: 30px;
}

.content-title h1 {
  font-size: 43px;
    font-weight: 500;
    margin-bottom: 1rem;
    text-align: center;
}

.content-title h1::after {
  content: '';
  width: 190px;
    text-align: center;
    background: #fe9a00;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 30px;
    display: block;
    height: 3px;
    margin-top: 10px;
}

.content-text ul li {
  margin: 30px 0;
}

.content-text ul li span {
  font-weight: bold;
    line-height: 25px;
}

.content-text ul li p {
  margin-top: 15px;
}