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

/********* End Navigation ************/

/***** Start Page Title Below Nav ****/

/* Page Title Padding and Margin */
.pagetitle{
padding-top:60px;
padding-bottom:30px;
background:#F6F5F6;
margin-top:0px;
margin-bottom:0px;
}

/* Controls font for Page Title */
.pagetitle h1{
font-family: 'Nunito Sans', sans-serif;
font-weight:200;
font-size:50px;
text-align:center;
color:#1f1c1f;
}

/***** End Page Title Below Nav ******/

/***** Contact Form Styling  *********/

*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}

.formcontainer {
margin:auto;
text-align:center;
padding-bottom: 15px;
padding-top: 15px;
}

.elem-group {
margin-bottom:30px;
}

label {
display: block;
font-family: 'Nunito Sans', sans-serif;
font-size:1.25em;
}

input, select, textarea {
background-color:#FFFFFF;
border:1px solid #d6d6d4 !important;
border-radius:6px;
border: 1px solid #ccc;
box-sizing: border-box;
font-size: 1.25em;
font-family: 'Nunito Sans', sans-serif;
width: 400px;
padding:10px;
}

/* Sets text input color */
input{
color:#1f1c1f !important;
}

/* Height of Text Message Area */
textarea {
height: 150px;
}

/* Button Styling */
button {
background-color:#333;
font-weight:700;
border: 1px solid #ffffff;
font-size: 1em;
Color: #FFFFFF;
font-family: 'Nunito Sans', sans-serif;
border-radius: 6px;
margin-top:15px;
padding:17px;
}

/* Hover color shift when hovering on button */
button:hover {
color:#FFFFFF;
background:#d4b40f;
border: 1px solid #d4b40f;
}

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

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

#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;
      margin-left: auto;
      margin-right: auto;
      }

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

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

input, select, textarea, button  {
font-size:1.10em;
}
input, select, textarea  {
font-size:1.10em;
width:300px;
}

#mofeko {
font-size: 18px;
}

.africa table
{
  width: auto !important;
}

}