*{
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
}
.logo{
margin: 0 auto;
text-align: center;
padding: 20px 0px;
}
.nav-links{
background: green;
text-align: center;
}
.nav-links ul li {
list-style: none;
display: inline-block;
padding: 15px 15px;
position: relative;
}

.nav-links ul li a{
color: white;
text-decoration: none;
font-size: 14px;
}

.banner{
width: 100%;
height: 75vh;
background: url('F:/keyboard learning/mytheme/images/pic.jpg')no-repeat;
background-size: cover;
position: relative;
}
.text-block{
border: 1px solid black;
background-color: hsla(1, 100%, 90%, 0.3);
width: 80%;
 color: #222;
 position: absolute;
 top: 50%;
 left: 50%;
 text-align: center;
 transform: translate(-50%,-50%);
}

.text-block h1{
font-size: 60px;
}

.text-block p{
font-size: 15px;
}

.img-team ul li{
list-style: none;
display: inline-block;
padding: 15px 15px;
position: relative;
}

/*..using mediaquaery for mobile view..*/
@media(max-width: 700px){

.text-block h1{
font-size: 36px;
}
.text-block{
border: 1px solid black;
background-color: hsla(1, 100%, 90%, 0.3);
width: 80%;
 color: #222;
 position: absolute;
 top: 80%;
 left: 50%;
 text-align: center;
 transform: translate(-50%,-50%);
}
.img-team ul li{
list-style: none;
display: block;
position: relative`;
}

}