/* GLOBAL */

body{
font-family:Arial, Helvetica, sans-serif;
margin:0;
background:#f5f7fb;
color:#333;
line-height:1.7;
}

/* HERO */

.tech-hero{
background:linear-gradient(rgba(15,39,64,.85),rgba(15,39,64,.85)), url("images/tech-bg.jpg");
background-size:cover;
background-position:center;
color:white;
text-align:center;
padding:90px 20px;
}

.tech-hero h1{
font-size:40px;
margin:0;
}

/* CONTENT */

.tech-container{
max-width:1000px;
margin:auto;
padding:60px 20px;
}

.tech-container p{
font-size:16px;
color:#444;
margin-bottom:20px;
}

.tech-container h2{
color:#2f6fb3;
font-size:24px;
margin-top:35px;
}

/* LIST */

.tech-list{
margin-top:20px;
padding-left:20px;
}

.tech-list li{
margin-bottom:10px;
}

/* FOOTER */

.footer{
background:#0f2740;
color:white;
padding:50px 20px;
margin-top:60px;
}

.footer-container{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;
}

.footer h4{
margin-bottom:15px;
}

.footer a,
.footer p{
color:#d6d6d6;
font-size:14px;
text-decoration:none;
display:block;
margin-bottom:8px;
}

.footer a:hover{
color:white;
}

/* MOBILE */

@media(max-width:768px){

.tech-hero h1{
font-size:28px;
}

.tech-container{
padding:40px 20px;
}

}

.hero{
    padding:30px;
}