body{
    color: black;
}
/* @media screen and (max-device-width: 600px) { */
    .main_pass{
        /* border: 1px solid red; */
        display: flex;
        flex-direction: column;
    }
    .pass_header{
        /* border: 2px solid green; */
        /* height: 370px;
        background: #0066B3; */
        border-radius: 0px 0px 24px 24px;
    }
    .nav_header{
        display: flex;
        align-items: center;
        text-decoration: none;
        /* border: 1px solid yellow; */
        margin-bottom: 25px;
        margin-top: 13px;
    }
    .nav_header h1{
        color: white;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        margin:0px;
        margin-left: 16px;
        text-align: right;
    }
    .nav_header img{
        width: 16px;
        height: 16px;
        cursor:pointer;
    }

    .header_top{
        margin: 0 16px;
    }
    .header_top p{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        color: #FFFFFF;
        height: 20px;
        margin:0;
    }
    .container{
        /* border: 2px solid yellow; */
        margin-top: 12px; 
        margin-bottom: 24px;
    }
    .col{
        /* height: 91px; */
        background: #FFFFFF; 
        /* Bus/Primary Yellow */

        /* Drop Shadow */
        box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2);
        border-radius: 12px;
        cursor:pointer;
    }
    .col a{
        text-decoration: none !important;
    }
/*     
    .col:hover{
        color:black;
        border: 3px solid #FDB813;
    } */
    .col:focus, col:active{
        border: 3px solid #FDB813 !important;
    }

    .card_main_content{
        height:100%;
        padding:16px 12px;
        align-items:center;
        /* border: 1px solid yellow; */
        /* margin: 16px 12px 0px 12px;  */
        text-decoration: none;
        color: black;
        display: flex;
    }
    .card_main_content h1,
    .card_main_content h4 {
        margin: 0;
    }
    .subtext + h4 {
        margin-bottom: 8px;
    }
    .card_content-1{
        flex-grow: 1;
    }

    .card_content-1 h1{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
    }

    .card_content-2{
        text-align: right;
    }
    .card_content-2 h1{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
    }

    .card_content-2 h4{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #999999;
    }

    .card_content-1 h3{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
    }

    .card_content-1 h3{
        width: 44px;
        background: #DDF2F3;
        border-radius: 4px;
        padding: 2px 4px;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        color: #57C796;
    }

    .pass_info{
        /* border: 1px solid red; */
        margin-bottom: 25px;
    }
    .pass_info .subtext {
        color: #999999;
        font-weight: 400;
        font-size: 12px;
    }
    .pass_info h1{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 135%;
    }
    .pass_content{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .pass_content img{
        margin-right: 14px;
    }
    .pass_content h5{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
    }
    .btn{
        width: 100%;
        height: 52px;
        margin-bottom: 16px;

    }
    .price{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .price span{
        margin-right:5px;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #999999;
    }
    .price h1{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
    }

    .header_nav{
        display:flex;
        align-items:center;
    }
    .header_nav h1{
        margin-top:-4px;
        margin-left:12px;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        color:#FFFFFF;
    }

/* } */
/* @media screen and (min-width:601px){ */
    @media screen and (min-width:601px){
    .passes{
        display:flex;
        justify-content:center;
        background: #E5E5E5;
    }  
    .main_pass {
        width:460px;
        background: #FFFFFF;
        /* Drop Shadow */
        /* box-shadow: 0px 16px 40px rgba(112, 144, 176, 0.2); */
        border-radius: 12px;
        margin-bottom:20px;
    }
    .main_pass .col {
        border: 3px solid transparent;
    }
    .col {
        box-shadow: none;
    }
    .container{
        width:100%;
    }
    a{
        text-decoration:none;
    }
    .nav_header img{
        filter: brightness(0) saturate(100%) invert(12%) sepia(80%) saturate(6342%) hue-rotate(194deg) brightness(105%) contrast(103%);    
    }
    /* .nav_header h1{
        text-decoration:none;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        letter-spacing: -0.02em;
        color: #0066B3;
    } */
    .card_main_content{
        background: #F7F7F7;
        border-radius: 12px;
    }

    .header_top{
        /* padding: 24px; */
    }

    .header_top p{
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 135%;
        /* identical to box height, or 22px */

        /* Utility/Grey #333 */
        color: #333333;
    }

    .card_content-1 h1{
        font-size:22px;
    }

    .pass_note h6{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 135%;

        /* or 16px */
        display: flex;
        align-items: center;

        /* Utility/Grey #999 */
        color: #999999;
    }
    .header_nav{
        display:flex;
        align-items:center;
    }
    .header_nav h1{
        margin-top:-4px;
        margin-left:12px;
        font-family: 'DM Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        color:#0066B3;
    }

}