html {
  height: 100%;
  box-sizing: border-box;
}
body {
  color: #000;
  counter-reset: section;
  font-family: 'Lato';
  margin: 0;
  min-height: 100%;
  position: relative;
  text-align: justify;
  font-size: 18px;
}
.wrapper{
  width: 998px;
  margin: 0 auto;
}
a{
  color: #FFC107 !important;
}
a:hover{
  color: #FFDD00 !important;
}
header,section{
  /*background-color: #D4E157;*/
}
h1, h2, h3, h5, h6 {
	outline: none !important;
	margin: 0;
	padding: 0;
	color: #FFC700;
	font-family: 'Lato';
}
ul{
	outline: none !important;
	margin: 0;
	padding: 0;
	color: white;
	font-family: 'Lato';
}
h4{
	color:#000000;
	font-family: 'Lato';
}
p{
  text-align: justify
	font-family: 'Lato';
	margin: 30px 0px !important;
	color: #000;
}
li {
  padding: 5px 0px;
}
.navbar-nav li{
  padding: 0 30px;
}
a.nav-link{
  font-weight: bold;
}
.margin-30{
  margin: 30px 0px;
}
.margin-50{
  margin: 50px 0px;
}
.padding-10{
  padding: 10px 0px;
}
.padding-30{
  padding: 30px 0px;
}
.logo{
  text-align: center;
}


#header h1{
  font-weight: bold;
  margin-bottom: 30px;
	color: #FFC700;
}

#install{
   background-color: #B51033;
  text-align: center;
  padding-top: 100px;
}
#install h1{
	color: #FFC700;
}
#install p{
	color:white;
}
.text{
  padding:0px 200px;
  text-align: center;
}

#about{
  background-color: #212121;
  text-align: center; 
  padding: 50px 0px;
}
#about p{
	color: white;
}
footer{
  background-color: #000;
  text-align: center;
 padding: 10px;	
}
#start{
  text-align: center;
  margin: 100px 0px;
}

.sub-secs{
  padding: 50px 200px;
}

.sub-secs p{
  color: #fff;
}


.mt-t{
  margin-top: 0px;
}
@media (max-width: 567px){
  .text{
    padding: initial;
  }
  .sub-secs{
    padding: 0px;
  }
}
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 3px solid #ffdd00;
    border-radius: 8px;
    background: #66b3f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#66b3f2), to(#65b4f5));
    background: -moz-linear-gradient(top, #66b3f2, #65b4f5);
    background: linear-gradient(to bottom, #66b3f2, #65b4f5);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    background: #7ad7ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#7ad7ff), to(#79d8ff));
    background: -moz-linear-gradient(top, #7ad7ff, #79d8ff);
    background: linear-gradient(to bottom, #7ad7ff, #79d8ff);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #3d6b91;
    background: -webkit-gradient(linear, left top, left bottom, from(#3d6b91), to(#65b4f5));
    background: -moz-linear-gradient(top, #3d6b91, #65b4f5);
    background: linear-gradient(to bottom, #3d6b91, #65b4f5);
}