*{
    box-sizing:border-box;
    --cardColorEnd:#192c3b;
    --cardColorMid:#2C4860;
}
/* 
.pageWrapper{
    max-width:1175px;
    padding:12px;
    margin:0 auto;
} */

.pageWrapper h1, .pageWrapper h2, .pageWrapper h3, .pageWrapper h4, .pageWrapper h5, .pageWrapper h6{
    font-weight:bold;
    font-family: Helvetica, sans-serif;
}

.italText{
    font-style: italic;
}

.centerText{
    text-align:center;
}

.centerObj{
    display:block;
    margin-left: auto;
    margin-right:auto;
}

.colorWhite{
    color:white;
}

.pageButton{
    background-color:#4A84B2;
    padding:10px;
    display:grid;
    place-items:center;
    text-align:center;
    color:white;
    text-decoration: none;
    font-weight:bold;
    border-radius:80px;
    margin:18px auto 24px auto;
    width:85%;
    transition:.35s ease-in-out;
}

.pageButton:hover, .pageButton:focus{
    color:white;
    background-color:#78acd7;
}

.fullWidth{
    width:100vw;
    margin-inline-start: 50%;
    transform:translateX(-50%);
}

.grid{
    display:grid;
    place-items:center;
}

.flexColumn{
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
}


/* TEMPLATE END */

.mainCopy{
    text-align:center;
}

.mainCopy h1{
    font-size:clamp(16px, 4vw, 38px);
    color:#181F27;
    margin:28px auto 8px auto;
}

.mainCopy p {
    margin:8px 0 24px 0 !important;
}

.resourcesWrapper  {
   display:flex;
   flex-wrap:wrap;
   justify-content: space-evenly;
   gap:24px;
   background-color:rgb(232, 232, 232);
   padding:25px 5px;
   border: 1px solid rgb(203, 206, 210);
}

.pagesCard{
    max-width:100%;
    width: min(350px, 100%);
    border:3px solid #4A84B2;
    border-radius:20px;
    overflow:hidden;
    justify-content:space-between;
    background-color:var(--cardColorEnd);
    background-image: linear-gradient(to right, var(--cardColorEnd), var(--cardColorMid),var(--cardColorEnd));
}
.pagesImage{
    width:100%;
    border-bottom:3px solid #4A84B2;
}

.pagesTitle, .pagesCopy{
    padding:0 15px;
    text-align:left;
    color:white;
}

.pagesTitle{
    margin:16px auto 16px auto;
    text-align:center;
    font-size:clamp(16px, 3vw, 20px); 
    line-height:1.3em;   
    text-transform:uppercase;
    letter-spacing:.25px;
    color:#ffffff;
    min-height:50px;
    display:grid;
    place-items:center;
}

.pagesCopy{
    font-size:12px;
    margin:0 auto 4px auto;
    display:grid;
    place-items:center;
    text-align:center;
    min-height:130px;  
    line-height:1.6em; 
    color:#b7c5d0;
    background-color:rgba(0, 0, 0, 0.237);
    padding:12px;
    border-top:1px solid rgb(100, 132, 160);
    border-bottom:1px solid rgb(100, 132, 160);
}


/* Media Queries */
/* Desk Only */
@media only screen and (min-width: 680px){
    
    .HeaderMobile{
        display: none;
    }
        
}

/* Mobile Only */


@media only screen and (max-width:680px){

    .HeaderDesk {
        display: none;
    }

    .pagesCard{
        width:100%;
    }
}