/* ==========================================
   CONTERCO INDUSTRIES
   INVESTOR PAGE
========================================== */

/* HERO */

.hero{
    background:
    linear-gradient(
        rgba(0,0,0,.55),
        rgba(5,7,10,.92)
    ),
    url("image/investor.jpg")
    center center/cover no-repeat;
}

.hero-content{
    max-width:900px;
    margin:auto;
}

.hero h1{
    max-width:900px;
}

.hero-text{
    max-width:760px;
    margin:25px auto 40px;
}

/* ===========================
   PAGE SECTIONS
=========================== */

section{
    max-width:1400px;
    margin:auto;
}

section p{
    max-width:850px;
}

/* ===========================
   OVERVIEW
=========================== */

#overview{
    position:relative;
}

#overview::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:70px;
    height:3px;
    background:var(--white);
}

/* ===========================
   TECHNOLOGY PORTFOLIO
=========================== */

section:nth-of-type(3){
    background:#151515;
}

/* ===========================
   INVESTMENT HIGHLIGHTS
=========================== */

section:nth-of-type(4){
    background:#111;
}

section:nth-of-type(4) .product-card{
    border-left:4px solid rgba(255,255,255,.25);
}

/* ===========================
   GROWTH STRATEGY
=========================== */

section:nth-of-type(5) .product-card{
    text-align:center;
}

section:nth-of-type(5) h3{
    font-size:2rem;
    margin-bottom:20px;
}

/* ===========================
   LEADERSHIP
=========================== */

section:nth-of-type(6){
    background:#151515;
}

/* ===========================
   INVESTOR RESOURCES
=========================== */

section:nth-of-type(7) .product-card{
    display:flex;
    flex-direction:column;
}

section:nth-of-type(7) button{
    margin-top:auto;
    width:100%;
}

/* ===========================
   APPROACH
=========================== */

section:nth-of-type(8){
    text-align:center;
}

section:nth-of-type(8) p{
    margin:auto;
    max-width:900px;
}

/* ===========================
   CONTACT
=========================== */

section:last-of-type{
    text-align:center;
}

section:last-of-type p{
    max-width:700px;
    margin:auto auto 40px;
}

/* ===========================
   CARD EFFECTS
=========================== */

.product-card{
    min-height:260px;
}

.product-card:hover{
    transform:translateY(-10px);
}

/* ===========================
   BUTTONS
=========================== */

.hero-buttons button{
    min-width:220px;
}