*{
    box-sizing:border-box;
}

.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: #124534;
    padding:10px;
    display:grid;
    place-items:center;
    text-align:center;
    color:white;
    text-decoration: none;
    font-weight:bold;
    border-radius:30px;
    transition: .35s ease-in-out;
}

.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;
}

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

.aboutButton:hover, .aboutButton:focus{
    border:2px solid white;
    border-style:inset;
}


/* TEMPLATE END */

.pageHead{
    margin-top:18px;
    margin-bottom:24px;
    border-bottom:1px solid rgba(29, 79, 33, 0.279);
}

.pageHead h1,.pageHead h2, .pageHead h3{
    text-align:center;
    font-family: serif;
    color:#156931; 
    text-transform:uppercase
}

.pageHead h1{
    font-size:clamp(20px, 4vw, 52px);
    letter-spacing:8px;    
    margin:24px 0 24px 0;   
}

.pageHead h2{
    font-size:clamp(16px, 3vw, 24px);
    font-weight:normal;
    letter-spacing:5px;
    margin:18px 0 0 0;
    border-bottom:1px solid rgba(29, 79, 33, 0.279);
    padding-bottom:18px;
}

.pageHead h3{
    font-size:clamp(14px, 3vw, 18px);
    font-weight:normal;
    letter-spacing:1px;
    margin:8px auto;
    text-transform:unset;
}

.pageCopy{
    font-size:clamp(14px, 2vw, 17px);
    line-height:1.5em;
    color:rgb(87, 93, 87);
}

.orderButton{
    padding:18px;
    border-radius:80px;
    font-size: clamp(16px, 2vw, 24px);
    width:90%;
    max-width:850px;
    margin:auto;
}

.learnText{
    color:#124534;
    font-size:clamp(16px, 2vw, 24px);

    margin:32px auto;
}

.aboutCard{
    background-color: #124534;
    height:100%;
    width:100%;
    align-items:center;
    padding:25px;
    border-radius:20px;
    border:5px solid rgb(119, 175, 135);
}

.aboutGrid{
    grid-template-columns:repeat(auto-fit, minmax(min(400px,100%), 1fr));
    gap:15px;
    background-color:rgb(238, 237, 237);
}

.aboutImage{
    width:100%;
    max-width:250px;
    border:3px solid rgb(119, 175, 135);
    border-radius:50%;
}

.aboutTitle{
    color:white;
    font-family: serif !important;
    font-size:clamp(22px, 3vw, 48px);
    margin:25px auto 12px auto;
    text-align:center;
}

.aboutInfo{
    color:rgba(255, 255, 255, 0.575);
    font-size:13px;
    font-style: italic;
    margin:0;
}

.aboutButton{
    background-color:rgb(39, 116, 61);
    width:75%;
    margin-top:18px;
    transition:.15s;
}
/* Media Queries */
/* Desk Only */
@media only screen and (min-width: 560px){
    
    .HeaderMobile{
        display: none;
    }
        
}

/* Mobile Only */


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

    .HeaderDesk {
        display: none;
    }

    .aboutGrid{
        grid-template-columns: 1fr;
    }

    .aboutImage{
        max-width:185px;
    }
}