html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}

body {
font-family:'Nunito Sans', sans-serif !important;
color: #1f1c1f !important;
}

a{
text-decoration:none !important;
color: #1f1c1f !important;
}

p {
line-height:34px;
color: #1f1c1f !important;
}

#fact p {
  text-align: center;
}

#logotext h1{
text-align:center;
font-family: 'Nunito Sans', sans-serif;
font-size: 50px !important;
color: #1f1c1f;
margin-bottom: 0px;
font-weight: 700;
letter-spacing: 2px;
padding:30px;
}

hr:not([size]) {
width:30%;
margin:0px auto;
}
.navlink {
text-align:center;
padding:2%;
}

.navlink a{
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
font-size:13px;
padding:20px 30px !important;
}

.navlink a:hover {
color:#d4b40f !important;
}

#con {
background-color: #fbfbfb;
padding: 1% 2% !important;
}

#innercon{
padding:3% !important;
}
#mainone{
padding:1% !important;
background-color:#ffffff;
}

.table{
width:60% !important;
table-layout: fixed;
margin:0px auto;
border-collapse: separate;
border-spacing: 25px 25px;
}

#mainone tr td{
background-color:#f7f7f7 !important;
padding:20px !important;
border-radius:10px;
border:0px !important;
}

#maintwo{
padding:5% !important;
background:#333;
}

#learnchowke h2{
color:#FFFFFF !important;
text-align:center;
margin-bottom:4%;
font-size: 40px;
}

#top h3{
color:#FFFFFF !important;
text-align:center;
margin-bottom:0%;
font-size: 20px;
}

#top a{
  color:#FFFFFF !important;
}

#maintwo a{
display:block;
}

.list-group-item:hover{
color:#d4b40f !important;
}

.list-group-item {
border:0px !important;
color:#FFFFFF;
background:transparent !important;
margin-bottom:30px;
}

.list-group-item h4{
font-size:17px;
font-weight:700;
padding-bottom:34px !important;
height:0px;
line-height:20px;
}


.copyright{
font-size:14px;
background-color:#1d1d1d;
padding:10px;
color:#f1f1f1;
text-align:center;
}

.copyright a{
    color:#FFFFFF !important;
    font-size: 20px;
  }

.copyright a:hover {
    color:#d4b40f !important;
  }

.copyright table{
  width:40% !important;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 25px 25px;
  }

.copyright td{
  background-color:#1d1d1d !important;
  border-radius:10px;
  border:0px !important;
  }

  .africa{
  font-size:14px;
  background-color:#1d1d1d;
  padding:10px;
  padding-bottom: 1px;
  color:#f1f1f1;
  text-align:left;
  }

  #learnafrica h2{
  color:#FFFFFF !important;
  text-align:center;
  font-size: 40px;
  }

  .africa a{
      color:#FFFFFF !important;
      margin-top: auto !important;
      font-size: 15px;
    }

.africa table{
      width:40% !important;
      table-layout: fixed;
      border-collapse: separate;
      border-spacing: 25px 25px;
      }

.africa a:hover {
      color:#d4b40f !important;
      }

.africa td{
      background-color:#1d1d1d !important;
      border:0px !important;
      }

      #africa h2 {
      color:#FFFFFF !important;
      font-size: 25px;
      margin-bottom: auto !important;
      }

      #mofeko {
      font-size: 19px;
      }

      #mofeko a {
      font-size: 19px;
      }


#titletext h2{
text-align:center !important;
font-family: 'Nunito Sans', sans-serif;
font-size: 30px !important;
color: #1f1c1f;
margin-bottom: 0px;
font-weight: 700;
padding-top:25px;
padding-bottom:10px;
padding-right:15px;
padding-left:15px;
}

#titletext h3{
text-align:center !important;
font-family: 'Nunito Sans', sans-serif;
font-size: 20px !important;
color: #1f1c1f;
margin-bottom: 0px;
font-weight: 700;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}

#titletext p{
text-align:center !important;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}

@media screen and (max-width: 800px) {

  #logotext h1{
  font-size: 40px !important;
  }
  .navlink a{
  display:block;
  }

  #mofeko {
  font-size: 18px;
  }

  .africa table
  {
    width: auto !important;
  }

  .table{
  width:100% !important;
  border-spacing: 15px 15px;
  position:relative;
  }

  }