@font-face {
    font-family: 'new_walt_disney_fontregular';
    src: url('newwalt-webfont.woff2') format('woff2'), url('newwalt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.main{
	/*background-color: rgb(28, 28, 22);
	background-image: url('../images/smartcity.png');
	background-size: cover;
	min-height: 100vh;
*/
	display:table;
    width:100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../images/smartcity.png');
    background-position:center top;
    min-height:100vh;
}

.fbdiv{
	text-align: right;
	margin-right: 40px;
	padding-top: 30px;
	min-height: 30vh;
}
.vittitle{
	color: #1eb76e;
	text-align: center;
	font-weight: 900;
	font-size: 3rem;
	
}
.vitmotto{
	text-align: center;
	/*font-family: 'new_walt_disney_fontregular';*/
	color: #fff;
}
.features-row{
	display: flex;
	align-items: center;
	
	justify-content: center;
	flex-wrap: wrap;
}
.feature-card{
	display: flex;
	align-items: center;
	
	justify-content: center;
	padding: 30px 10px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.feature-card:hover{
	background-color: #1eb76e !important;
	color: #000;
	}
.underlinehr{
	width:50px;
	color: yellow;
	background-color: #f0c30e;
}
.but{
	text-align: center;
	padding: 15px 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #a0830c;	
	color: #fff;
	border: none;
}
.loginbut{
	margin-right: 85px;
}
.butdiv{
	text-align: center;
}
.contactus-info {
    font-size: 1.4rem;
    color: #eee;
}
.social-div .fa {
    color: #fff;
    margin: 7px;
}
.smooth-transition, .ghost-btn, .ghost-btn .coming-arrow {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.social-facebook:hover .fa {
  color: #3b5998;
}

.social-twitter:hover .fa {
  color: #00abf1; 
}

.social-github:hover .fa {
  color: #d32f2f; 
}
.social-linkedin:hover .fa {
  color: #0077B5; 
}

.footer-follow-text {
  color: #a8a8a8; 
}

.social-instagram:hover .fa {
  color: #fb3958; 
}
@media (min-width: 769px){
	.vittitle{
		font-size: 4.5rem;
	}
}
/*
<!-- <div class="col s12 l6 m6 input-field">
                    <input required type="text" name="block" value="<?php if(isset($block)) echo $block;?>" id="block" />
                    <label <?php if(isset($block)) echo " class='active' ";?> for="block">Block</label>
                    <span class="regerror">
                        <?php
                        if(isset($regerrors) && isset($regerrors['block']))
                            echo $regerrors['block'];
                        ?>
                    </span>
                </div> -->
                */