body, html {
    height: 100%;
    margin: 0;
}
.navbar-brand
{
	padding-bottom: 10px;
	padding-top: 10px;
	color: rgb(16, 16, 16) !important;
}
.nav-link
{
	padding-bottom: 10px;
	padding-top: 10px;
	color: rgb(16, 16, 16) !important;
}

.homeImg {
    background-image: url("/images/bridge.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.rowBackSS {
    background-image: url("/images/code.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
}

.titleMain {
    padding-bottom: 80px;
    color:#fff;
	background:rgba(45, 45, 45, 0.45);
}

.backW {
    padding-left: 15px;
    background-color: white;
}

body .scrollN, body .scrollN:hover {
    color: #101010;
}

.smoothScrollBtn {
    color: #101010;
    margin-top: -20px;
    position: relative;
    border: none;
    background: none;
    font-size: 3em;
    margin-left: 45px;
}

.smoothScrollBtn:focus {
    outline: 0;
}

.stealthLink, .stealthLink:focus, .stealthLink:hover {
    color: #101010;
    outline: 0;
    text-decoration: none;
    font-family: "Gravity-Regular";
}

.homeSouth,.pageSouth {
    text-align: center;
    position: absolute;
    left: calc(50% - 170px);
    top: calc(100% - 120px);
}

.pageSouth > h4 > a.subTitle
{
	padding-left: 44px !important;
	font-size: 1em;
	letter-spacing: 5px;
}
.colorWhite
{
	color:#fff;
	padding:10px;
	background:rgba(45, 45, 45, 0.45);
	font-size:10px !important;
}

.projImg {
    width: 100%;
    vertical-align: middle;
    border: 1px solid #101010;
}
.noBorder{ border:none;}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.noColor, .noColor:hover {
    color: inherit;
    text-decoration: none;
}

.desc {
    padding: 0px;
    padding-top: 40px;
}

.temp .row {
    padding: 30px;
    border-radius: 5px;
    border: 2px solid #101010;
}

.borderProj {
    padding-left: 70px;
    padding-right: 70px;
}

.borderProj .row, .borderProj h3, .borderProj p {
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
.borderProj .row:hover, .borderProj h3, .borderProj p {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}

.backDark {
	background-color: #191919;
}
.backGreen {
	background-color: #2F6B1C;
}
.backWhite {
	background-color: #FFFFFF;
}
.backSwift
{
	background: #fd9426; /* Old browsers */
	background: -moz-linear-gradient(top,  #fd9426 0%, #fc3158 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fd9426 0%,#fc3158 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fd9426 0%,#fc3158 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9426', endColorstr='#fc3158',GradientType=0 ); /* IE6-9 */
}
.backAPI
{
	background-color: #02a0c0;
}
.backPHP
{
	background-color: #8892BF;
}
.headerTitle{color: white;}

.temp .subTitle {
    padding-bottom: 100px;
}

.borderProj {
    padding-bottom: 60px;
}

.pad0 {
    padding: 0px;
    margin: 0px;
}

.italic {
    font-style: italic;
}

.ttt {
    margin: 0px;
    font-family: 'Gravity-Regular';
    font-size: 1em;
    letter-spacing: 3px;
    text-align: center;
    padding-top: 20px;
}

.listPad {
    padding-left: 20px;
    padding-right: 0px;
}

.homeDiv .subTitle {
    text-align: center;
}

@media (max-width: 991px) {
    .projText {
        display: table;

        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .borderProj {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 600px) {
    .titleMain {
        font-size: 2em;
        letter-spacing: 5px;
    }
}

@media (max-width: 325px) {
    .titleMain {
        font-size: 2em;
        letter-spacing: 0px;
    }
}

@media (max-height: 780px) {
    .titleMain {
        padding-bottom: 10px;
    }
    .rowBackSS {
        height: 160px;
    }
    .homeDiv .subTitle {
        font-size: 1em;
        padding-top: 10px;
    }
    .homeSouth,.pageSouth {
        top: calc(100% - 80px);
    }

}