*{
    box-sizing: border-box;
    --bulletinHighlight:#068846;
}

.pageWrapper{
    max-width:1175px;
    margin: 0 auto;
    background-color:white;
}

.pageWrapper h1, .pageWrapper h2,.pageWrapper h3,.pageWrapper h4,.pageWrapper h5{    
    font-family: Helvetica, sans-serif;
    margin:0;     
    padding:auto 5px;
}

.pageWrapper p{
    font-size:clamp(14px, 2vw, 17px);
    font-family: Helvetica, sans-serif;
    color:rgb(34, 34, 34);
    line-height:1.4em;
    padding:0 5px;
}

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

.centerText{
    text-align:center;
}

.mainHeader h1{
    text-transform:uppercase;
    font-style:italic;
    letter-spacing:-1px;
    padding:.75em 0;
    text-align:center;
    color:white;
    font-size:clamp(21px, 4vw, 40px); 
    margin-bottom:16px;  
}

.pageWrapper ul, .pricingList{
    background-color: #F9F9F9;
    border:1px solid #d8dfdf; 
    padding: 1.35em;
}

.pageWrapper li{
    font-size:15px;
    margin-bottom:.5em;
    margin-left:3%;
    list-style:disc;
}

.highlightText{
    font-size:clamp(19px, 4vw, 35px);
    max-width:50ch;
    display:block;
    margin: .8em auto !important; 
    font-weight:bold;
    line-height:1.3em;  
}

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

.wholeGrid{
    background-color: var(--bulletinHighlight);
    border:2px solid var(--bulletinHighlight);    
    position: relative;
}

.twoColumn, .twoColumnGreen{
    grid-template-columns: 1fr 1fr;
    gap:2px;
    background-color:var(--bulletinHighlight);
    align-items: stretch;
    position:relative;
}

.twoColumnGreen{
    background-color:white;
}

.whiteColumn, .greenColumn{
    background-color: white;
    display:flex;
    padding:25px 0 ;
    flex-direction:column;
    align-items:center;
}

.greenColumn{
    width:100%;
    padding:0;
}

.whiteColumn p{
    margin:0;
}

.whiteColumn h3{
    font-size:clamp(15px, 4vw, 30px);
    margin-top:15px;
    margin-bottom:8px;
    font-weight:bold;
}

.logoHeader{
    width:90%;
}

.previewButton{
    text-decoration:none;
    cursor:pointer;
    background-color: var(--bulletinHighlight);
    border:0;
    padding:1em 2em;
    width:90% !important;    
    border-radius: 80px;
    margin:16px 16px 0 16px;
    color:white;
    font-weight:bold;
    font-size:clamp(15px, 2wv, 18px);
}

.previewButton:hover, .previewButton:focus{
    color:white;
    background-color:#13ac18;
    transition:.35s ease-in-out;
}

.gridList{
    background-color:white !important;
    border:0px !important;
    margin-left:20px;
    padding:0 !important;
    margin: 16px 16px 0 3em !important;
}


.greenColumn h3, .finalBlock{
    font-weight:bold;
    color:white;
    background-color:var(--bulletinHighlight);
    width:100%;
    text-align: center;
    font-size:clamp(18px, 4vw, 28px);
    padding:2em 0;
}

.saleOptions{
    background-color:white !important;
    width:100%;
    height:100%;
    margin: 0px 0px 0 0 !important;
    padding: 20px 10px 20px 3em !important;
    outline:2px solid var(--bulletinHighlight);
}

.finalBlock{
    padding-bottom:.5em !important;
}


.finalDesc {
    background-color: var(--bulletinHighlight);
    width:100%;
    height:100%;
    text-align:center;
    color:white !important;
    font-size:14px !important;
    font-style:italic;
    margin:0;
    padding-bottom:3.5em !important;
}

.orButton{
    background-color:var(--bulletinHighlight);
    color:white;
    font-size:15px;
    letter-spacing:-.25px;
    font-weight:bold;
    border-radius:50%;
    padding:1em .75em;
    position:absolute;
    top:35%;
    transform: translateY();
    z-index:2;
}

.whiteOr{
    background-color:white;
    color:var(--bulletinHighlight);
    top:66vh;
    position:absolute;
    top:26%;   
    left:50%;
    transform: translate(-50%, -50%);    
}

.finalOr{
    top:50%;
}

.priceSection h3{
    font-weight:bold;
    background-color:rgb(59, 61, 61);
    padding:1.3em;
    font-size:clamp(14px, 3vw, 30px);
    text-align:center;
    color:white;
}

.priceSection{
    margin-top:24px;
    border:4px solid rgb(59, 61, 61);
    background-color:rgb(59, 61, 61);
    border-radius:20px;
    overflow:hidden;
}

.pricingList{
    padding:0 1em 1em 1em;
}
.pricingList li{
    list-style: none;
    font-size:13px;
}

.pricingList h4{
    font-weight:bold;
    background-color:rgb(102, 107, 107);
    border-radius:0px;
    color:white;
    width:100%;
    padding:20px 0;
    margin-top:20px;
}

.pricingList h5{
    font-weight:bold;
    font-size:clamp(14px, 3vw, 22px);
    letter-spacing:-1px;
    margin-top:20px;
}

.pricingList p {
    margin:4px auto;
    font-size:13px;
    margin-left:1em;

}






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


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

    .HeaderDesk, .mainImage, .orButton{
        display: none;
    }

    .twoColumn, .twoColumnGreen{
        grid-template-columns: 1fr;
    
}
}