.green{padding:40px 0 50px 30px;margin-bottom:0}
.green h3{color:white;font-weight:400;margin-bottom:35px}
.green p{color:white;font-weight:400;font-size:20px}
.white{padding-top:50px;padding-bottom:50px;margin-bottom:0}
.white h3{color:#4e4e4e;font-weight:400;margin-bottom:35px}
.white p{color:#4e4e4e;font-weight:400;font-size:20px}
#skills{background-color:#4e4e4e;padding-top:50px;padding-bottom:50px;margin-top:50px}
#skills h3{color:white}
#skills p{color:white;font-weight:400}
#download{width:100%;padding-top:200px;padding-bottom:200px}
#download i{font-size:50px;color:#74cfae}
#download .col-md-3:hover{background-color:#f5f5f5}
#download .col-md-3{padding:30px}
#f{padding-top:20px;background-color:#74cfae}
#f p{color:white;text-align:right;font-weight:400}
.grid img{opacity:.7}
.grid img:hover{opacity:1}
body{overflow-x:hidden}
ul,li{margin:0;padding:0;list-style:none}
.nav>li.active>a.git-link{font-size:16px}
.nav>li.active>a.git-link:hover{background-color:#37a079}
.nav>li.active>a.git-link i{margin-right:6px;font-size:20px}
#hello .button{margin:16px 8px;text-transform:uppercase;width:220px}
code.example-code{max-height:325px;overflow:scroll}
h2.header{text-align:center;margin-top:0;margin-bottom:1em}
#f p{font-size:1.2em;font-weight:300}
#f p a{color:#4e4e4e}
#f p a:hover{color:#000}
#f h3{color:#fff}
#s-icons a span{font-size:3em;margin:0 .5em}
#s-icons iframe{margin-bottom:-16px;margin-left:14px}
.title{background-color:#4e4e4e;padding-top:10px;padding-bottom:10px;margin-bottom:0}
.title h3{color:white;font-weight:400;margin-bottom:20px;font-weight:700}
.title p{color:white;font-weight:400;font-size:20px}
.params-table code{color:#4e4e4e;border-radius:1px;background-color:rgba(116,207,174,.3);-webkit-transition:background-color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;-ms-transition:background-color .1s ease-in-out;-o-transition:background-colorl .1s ease-in-out;transition:background-color .1s ease-in-out}
.params-table code:hover{background-color:rgba(116,207,174,.5)}
.params-table thead{color:#fff;background-color:#74cfae}
.params-table thead>tr>th{border-bottom:0;font-size:1.2em;font-weight:300;text-transform:uppercase}
.params-table tbody>tr>td{border-top:0}
.params-table>tbody>tr:hover>td{background-color:#e4f6ef}
.download-title{background-color:#4e4e4e}
.download-title h3{margin:3em 0;color:#fff}
#download{padding:8em 0}
#download .download-link{padding:1em .5em}
#download .download-link:hover{background:#fff}
#download .download-link i,#download .download-link .download-text{-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:colorl .2s ease-in-out;transition:color .2s ease-in-out}
#download .download-link:hover i,#download .download-link:hover .download-text{color:#4e4e4e}
#download .download-link i{font-size:80px}
#download .download-text{font-size:2.4em;font-weight:300;color:#74cfae}
#nt-title-container{background:#f2f2f2}
#nt-title li{font-size:28px;color:#4e4e4e;white-space:nowrap;list-style:none;overflow:hidden;text-overflow:ellipsis}
#nt-example1{max-width:620px;margin:auto}
#nt-example1-container{text-align:center}
#nt-example1-container i{font-size:36px;margin:8px;cursor:pointer;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
#nt-example1-container i:hover{color:#333}
#nt-example1 li{color:#707070;overflow:hidden;padding:10px 10px 10px 0;line-height:18px;list-style:none; font-family:"Open Sans";font-weight:normal;font-size:13px;text-align:left;margin-bottom:5px;width:460px;border-bottom:1px dotted #ccc}
#nt-example1 p{font-family:'Open Sans';font-size:16px;text-transform:uppercase;text-align:left;margin-top:5px;color:#4e4e4e; display:block;}
#nt-example1{height:215px !important}
#nt-example1-container h2{    font-family: "Open Sans Bold"; font-size:20px;color:#3a3a3a;font-weight:bold;text-transform:uppercase;text-align:left;margin-top:13px}
#nt-example1 li span{color:#589e78;font-size:13px;}


@media (max-width: 768px) {


#nt-example1-container h2
{
	 padding:0 25px;
}
.green
{
	padding:0;
	margin:0;
}
.green .container, .col-md-7
{
	padding:0;
	margin:0;
}

#nt-example1
{
	 max-width: 100%;
	 padding:0 25px;
}
#nt-example1 li
{
	 margin: 0 0 9px;
    padding: 0 0 9px;
    width: 100%;
}
.green .col-md-7
{
	padding:0;
	margin:0;
}
.green .row
{
	padding:0;
	margin:0;
}

}