/*----------heding style start----------*/
h1{
	font-size: 60px;
	font-family: Roboto;
	font-weight:thin 100;	
	color: white;
}
h2{
	font-size: 60px;
	font-family: Roboto;
	font-weight: bold;
	color: white;
}
h3{
	font-size: 42px;
	font-family: Roboto;
	font-style: thin;
}
h4{
	font-size: 36px;
	font-family: Roboto;
	font-style: light;
}
h5{
	font-size: 30px;
	font-style: bold;
}
h6{
	font-size: 30px;
	font-style: bold;
}
/*----------heding style end----------*/

/*----------paragraph style start----------*/
p{
	font-family: roboto;
	font-style: light;
}
/*----------paragraphstyle end----------*/



.nav-bg{
	border-top: 5px solid #ffd800;
	background-image: url(img/bg1.jpg);
	background-size: cover;
	height: 100vh;
}
.active{
	background-color: #ffd800;
}
ul li:hover{
	background-color: #ffd800;
}
.input{
	background: transparent;
	height: 60px;
	border: 1px solid white;
	outline: none;
	padding: 10px;
}
.button{
	height: 60px;
	padding: 0px 20px;
	background-color:#ffd800 ;
	border: none;
	font-weight: bold;
}
.bgcolor2{
	background-color: #191b29;
	color: white;
}
i{
	font-size: 40px;
	color: #ffd800;
}
.phoneimg{
	position: relative;
}
.phoneimg img{
	width: 290px;
	position: absolute;
	top: -40%;
	left: 0;
}
.bgcolor3{
	background-color: #ffd800;
	color: black;
}
.avaterimg{
	width: 100px;
	height: 100px;
	border: 8px solid black;
	border-radius: 50%;
}
.laptonsec{
	padding-left: 105px;
	background-color: #ffe347;
}
.laptonsec1{
	padding-left: 105px;
}
button:hover{
	background-color: pink;
	color: black;
}
.bgcolor4{
	background-image:url(img/bg1.jpg) ;
	color: ;
}
.icon11{
	font-size: 60px;
}



@media screen and (max-width: 1000px) {
	.phoneimg img{
		position: relative;
		top: 0px;
	}
	.laptonsec{
		padding-left: 20px;
	}
	.laptonsec1{
		padding-left: 20px;
	}
}