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;
}

#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: 3% 6% !important;
}

#con a{
color:#d4b40f !important;
}

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

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

.embed-responsive.embed-responsive-16by9{
margin:0 auto !important;
text-align:center;
height:100%;
width:100%;

}

/*video */
iframe{
background-color:#f7f7f7 !important;
padding:20px !important;
border-radius:10px;
border:0px !important;
}

#video{
margin:0 auto;
}

/* end video */
ul{
padding-left:0px !important;
}
li{
list-style-type:none;
margin-bottom:10px;
}

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

#learnchowke h2{
color:#FFFFFF !important;
text-align:center;
margin-bottom:7%;
}

#maintwo a{
display:block;
}

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

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

.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:50% !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 a:hover {
        color:#d4b40f !important;
      }

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

 .africa td{
      background-color:#1d1d1d !important;
      border:0px !important;
      padding:20px !important;
      border-radius:10px;
      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;
}

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

#mofeko {
font-size: 18px;
}

.africa table
{
  width: auto !important;
}
    #video{
        max-width:100%;
    }

    #mainone {
      padding: 0 !important;
    }

    .embed-responsive-item {
      width: 300px;
      height: 200px;
      }
}