.grid-container {
    display: grid;
    grid-template-columns: 650px 670px;
    gap: 50px;
    padding: 10px;
    max-width: 968px;
}



.item1 {
    grid-row-start: 1;
    grid-row-end: 3;
    padding-left: 30px;
    order: 1;

}
.item1-1 {
    grid-row-start: 1;
    grid-row-end: 3;
    padding-left: 40px;
    order: 1;
}

.item1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
    padding-left: 165px;
    order: 1;
}


.item2 {
    grid-row-start: 1;
    grid-row-end: 3;
    padding-top: 20px;
    padding-left: 109px;
    order: 2;
}


.item3 {
    grid-row-start: 3;
    grid-row-end: 5;
    padding-left: 30px;
    order: 3;
}
.item3-1 {
    grid-row-start: 3;
    grid-row-end: 5;
    padding-left: 40px;
    order: 3;
}

.item3-2 {
    grid-row-start: 3;
    grid-row-end: 5;
    padding-left: 165px;
    order: 3;
}

.item4 {
    grid-row-start: 3;
    grid-row-end: 5;
    padding-top: 20px;
    padding-left: 109px;
    order: 4;
}

.item5 {
    grid-row-start: 5;
    grid-row-end: 7;
    padding-left: 30px;
    order: 5;
}
.item5-1 {
    grid-row-start: 5;
    grid-row-end: 7;
    padding-left: 55px;
    order: 5;
}

.item6 {
    grid-row-start: 5;
    grid-row-end: 7;
    padding-top: 20px;
    padding-left: 109px;
    order: 6;
}

.item7 {
    grid-row-start: 7;
    grid-row-end: 9;
    padding-left: 30px;
    order: 7;

}
.item7-1 {
    grid-row-start: 7;
    grid-row-end: 9;
    padding-left: 53px;
    order: 7;

}

.item8 {
    grid-row-start: 7;
    grid-row-end: 9;
    padding-top: 20px;
    padding-left: 109px;
    order: 8;

}

.item9 {
    grid-row-start: 9;
    grid-row-end: 11;
    padding-left: 30px;
    order: 9;
}

.item9-1{
    grid-row-start: 9;
    grid-row-end: 11;
    padding-left: 140px;
    order: 9;


}
.item9-2{
    grid-row-start: 9;
    grid-row-end: 11;
    padding-left: 55px;
    order: 9;

}

.item10{
    grid-row-start: 9;
    grid-row-end: 11;
    padding-top: 20px;
    padding-left: 109px;
    order: 10;
}
.item11 {
    grid-row-start: 11;
    grid-row-end: 13;
    padding-left: 30px;
    order: 11;
}
.item11-1 {
    grid-row-start: 11;
    grid-row-end: 13;
    padding-left: 190px;
    padding-top: 30px;
    order: 11;
}
.item12{
    grid-row-start: 11;
    grid-row-end: 13;
    padding-top: 20px;
    padding-left: 109px;
    order: 12;
}
.item13 {
    grid-row-start: 13;
    grid-row-end: 15;
    padding-left: 30px;
    order: 13;
}
.item14{
    grid-row-start: 13;
    grid-row-end: 15;
    padding-top: 20px;
    padding-left: 109px;
    order: 14;
}
.item15 {
    grid-row-start: 15;
    grid-row-end: 17;
    padding-left: 30px;
    order: 15;
}
.item16 {
    grid-row-start: 15;
    grid-row-end: 17;
    padding-left: 109px;
    padding-top: 20px;
    order: 16;

}
.item17 {
    grid-row-start: 17;
    grid-row-end: 19;
    padding-left: 30px;
    order: 17;
}
.item18 {
    grid-row-start: 17;
    grid-row-end: 19;
    padding-left: 109px;
    padding-top: 20px;
    order: 18;
}
.item19 {
    grid-row-start: 19;
    grid-row-end: 21;
    padding-left: 30px;
    order: 19;
}
.item20 {
    grid-row-start: 19;
    grid-row-end: 21;
    padding-left: 109px;
    padding-top: 20px;
    order: 20;
}
.item21 {
    grid-row-start: 21;
    grid-row-end: 23;
    padding-left: 30px;
    order: 21;
}

.item21-1 {
    grid-row-start: 21;
    grid-row-end: 23;
    padding-left: 215px;
    order: 21;
}

.item22 {
    grid-row-start: 21;
    grid-row-end: 23;
    padding-left: 109px;
    padding-top: 20px;
    order: 22;
}

.item23 {
    grid-row-start: 23;
    grid-row-end: 25;
    padding-left: 30px;
    order: 23;
}

.item24 {
    grid-row-start: 23;
    grid-row-end: 25;
    padding-left: 109px;
    padding-top: 20px;
    order: 24;
}

.item25 {
    grid-row-start: 25;
    grid-row-end: 27;
    padding-left: 30px;
    order: 25;
}

.item26 {
    grid-row-start: 25;
    grid-row-end: 27;
    padding-left: 109px;
    padding-top: 20px;
    order: 26;
}


.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    margin-left: 80px;
    margin-right: 80px;
}



/* Create four equal columns that sits next to each other */
.column {
    flex: 25%;
    max-width: 29%;
    padding: 0 4px;
    column-gap: 20px;
}


.column img {
    margin-top: 40px;
    vertical-align: middle;
    width: 100%;
}
.column img:hover {
    transform: scale(1.5);
}

#tracks {
    margin-top: 40px;
    vertical-align: middle;
    width: 100%
}
h3 {
    font-family: "cream";
    margin-left: 2px;

}



#space-info {
    padding-top: 30px;
    padding-left: 110px;

}
#bhm-info {
    padding-top: 30px;
    padding-left: 110px;

}




/* Global */
* {
    box-sizing: border-box;
}

.credit-card {
    width: 290px;
    height: 383px;
    margin: 28px auto 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,.10);
}
.form-header {
    height: 60px;

    padding: 20px 30px 0;
    border-bottom: 1px solid #e1e8ee;
}

.form-body {
    height: 340px;
    padding: 30px 30px 20px;
}
/* Title */
.title {
    font-size: 18px;
    margin: 0;
    color: #5e6977;
}
.card-number,
.cvv-input input,
.month select,
.year select {
    font-size: 14px;
    font-weight: 100;
    line-height: 14px;
}

.card-number,
.month select,
.year select {
    font-size: 14px;
    font-weight: 100;
    line-height: 14px;
}

.card-number,
.cvv-details,
.cvv-input input,
.month select,
.year select {
    opacity: .7;
    color: #86939e;
}
/* Card Number */
.card-number {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 20px;
    border: 2px solid #e1e8ee;
    border-radius: 6px;
}
.month select,
.year select {
    width: 230px;
    margin-bottom: 20px;
    padding-left: 20px;
    border: 2px solid #e1e8ee;
    border-radius: 6px;
    background: url('caret.png') no-repeat;
    background-position: 85% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.month select {
    float: left;
}

.year select {
    float: right;
}
/* Card Verification Field */
.cvv-input input {
    float: left;
    width: 145px;
    padding-left: 20px;
    border: 2px solid #e1e8ee;
    border-radius: 6px;
    background: #fff;
}

.cvv-details {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    float: right;
    margin-bottom: 20px;
}

.cvv-details p {
    margin-top: 6px;
}
.proceed-btn {
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    border-color: transparent;
    border-radius: 6px;
}

.proceed-btn {
    margin-bottom: 10px;
    background: #7dc855;
}


.proceed-btn a {
    text-decoration: none;
}

.proceed-btn a {
    color: #fff;
}
/* Responsive layout - makes a two column-layout instead of four columns */
/*@media screen and (max-width: 1025px) {*/
/*    .row {*/
/*        display: flex;*/
/*        flex-wrap: wrap;*/

/*    }*/
/*    .column {*/
/*        flex: 72%;*/
/*        padding: 10px 99px;*/
/*    }*/
/*}*/

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
/*@media screen and (max-width: 1024px){*/
/*    .column {*/
/*        flex: 72%;*/
/*        padding: 10px 79px;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 1025px) {*/
/*    .row {*/
/*        display: flex;*/
/*        flex-wrap: wrap;*/

/*    }*/

/*    column img {*/
/*        margin-top: 40px;*/
/*        vertical-align: middle;*/
/*        width: 62%;*/
/*    }*/

/*    .column {*/
/*        max-width: 100%;*/
/*        flex: 72%;*/
/*        padding: 10px 99px;*/
/*    }*/
/*.item5-1 img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    right: 40px;*/
/*    padding-left: 0px;*/

/*}*/
@media screen and (min-width: 1367px){
    #namaste-info {
        padding-left: 197px;
    }
}
    @media screen and (max-width: 1366px) {


        .column {
            flex: 49%;
            padding: 0px 13px;
        }
        .grid-container {
            display: flex;
            flex-direction: column;
        }
        .item2 {
            padding-left: 16vw;
            padding-right: 22vw;
            margin: 8px 21px;
        }
        .item4 {
            padding-left: 16vw;
            padding-right: 22vw;
            margin: 8px 21px;
        }
        .item6 {
            padding-left: 16vw;
            padding-right: 22vw;
            margin: 8px 21px;
        }
        .item8 {
            padding-left: 16vw;
            padding-right: 22vw;
            margin: 8px 21px;
        }

        .item10 {
            padding-left: 16vw;
            padding-right: 22vw;
            margin: 8px 21px;
        }
        .item12 {
            padding-left: 4vw;
            padding-right: 16vw;
            margin: 23px 41px;
        }
        .item14 {
            padding-left: 4vw;
            padding-right: 16vw;
            margin: 23px 41px;
        }
        .item16 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item18 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item20 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item22 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item24 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item26 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        #bhm-info {
            padding-top: 30px;
            padding-left: 36px;
        }
        #space-info{
            padding-top: 30px;
            padding-left: 7px;
        }

        p {
            margin-left: 46px;
            text-align: center;
        }
        h3 {
            margin-left: 81px;
            padding-left: 15px;
        }



    }
    @media screen and (max-width: 1180px) {
        .row {
            display: flex;
            flex-wrap: wrap;

        }

        .column {
            max-width: 100%;
            flex: 72%;
            padding: 10px 99px;
        }
        .grid-container {
            display: flex;
            flex-direction: column;
        }
        .item2 {
            padding-left: 0vw;
            padding-right: 0vw;
            margin: 0 92px;
            font-size: 2em;
        }
        .item2 p {
            margin-left: 5px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item4 {
            padding-left: 1vw;
            padding-right: 13vw;
            margin: 8px 21px;

        }
        .item5-1 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0px;

        }
        .item6 img {
        padding-left: 16vw;
        padding-right: 22vw;
        margin: 8px 21px;
        }

        .item6 {
            padding-left: 1vw;
            padding-right: 22vw;
            margin: 8px 21px;

        }
        .item8 {
            padding-left: 6vw;
            padding-right: 26vw;

        }
        .item10 {
            padding-left: 6vw;
            padding-right: 26vw;

        }

        h3 {
            margin-left: 148px;
            padding-left: 15px;
        }

        @media (max-width: 860px) {

            .row {
                display: flex;
                flex-wrap: wrap;
                padding-left: 0;

            }


            .column {
                max-width: 100%;
                flex: 72%;
                padding: 10px 151px;
            }

            .grid-container {
                display: flex;
                flex-direction: column;
            }
#portfolio {
    padding-right: 255px;
}
#bar {
    width: 100%;
    height: auto;
}

.item1 {
    padding-left: 0;
}
            .item1 img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 0;
            }

            .item1-2 img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 0;
            }
            #sc-img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 0;
            }
            }
        .item2 {
            padding-left: 5vw;
            padding-right: 2vw;
            margin: 0 30px;
            font-size: 1.5em;
        }
        .item2 h3 {
            padding-left: 22px;
            margin: 0 5px;
        }
        .item2 p {
            margin-left: 30px;
        }
.item3 {
    padding-left: 0;
}
            .item3 img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 0;
                padding-right: 0;

            }


        h3 {
            margin-left: 7px;
            padding-left: 15px;

        }

            .item3-2 img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 0;

            }

        .item4 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item4 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item4 p {
            margin-left: 0;
            padding-left: 73px;
            padding-right: 2px;
            margin-right: 2px;
        }
        .item5 {
            padding-left: 0;
        }
            .item5 img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 0;

            }
        .item5-1 {
            padding-left: 0;
        }

            .item5-1 img {
                width: 100%;
                height: auto;



            }
        .item6 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;

        }
        .item6 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item6 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
            #phmo {
                width: 100%;
                height: auto;
                right: 40px;


            }
            #tablet-frame {
                padding-left: 40px;
                width: 96%;
                height: auto;
            }


        .item7 {
            padding-left: 0;
        }
            .item7 img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 0;

            }
        .item7-1 {
            padding-left: 0;
        }
        .item7-1 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;

        }

        .item8 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item8 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item8 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item9 {
            padding-left: 0;
        }
            .item9 img {
                width: 100%;
                height: auto;
                right: 40px;
                padding-left: 1px;
            }
        .item9-2 {
            padding-left: 0;
        }
        .item9-2 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 1px;

        }




        .item10 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item10 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item10 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item11 {
            padding-left: 0;
        }
        .item11 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;
        }

        .item12 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item12 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item12 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item13 {
            padding-left: 0;
        }
        .item13 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;
        }
        .item14 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item14 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item14 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item15 {
            padding-left: 0;
        }
        .item15 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;
        }
        .item16 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item16 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item16 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item17 {
            padding-left: 0;
        }
        .item17 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 1px;
        }
        .item18 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item18 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item18 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }

        .item19 {
            padding-left: 0;
        }
        .item19 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;
        }
        .item20 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item20 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item20 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item21 {
            padding-left: 0;
        }
        .item21 img {
            width: 100%;
            height: auto;
            right: 40px;

        }
        .item22 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item22 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item22 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item23 {
            padding-left: 0;
        }
        .item23 img {
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 1px;
        }
        .item24 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item24 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item24 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        .item25 {
            padding-left: 0;
        }
        .item25 img {
            width: 100%;
            height: auto;
            right: 40px;

        }
        .item26 {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item26 h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        .item26 p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }

        #space-info {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        #space-info h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        #space-info p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }


        #bhm-info {
            padding-left: 1vw;
            padding-right: 2vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        #bhm-info h3 {
            padding-left: 4px;
            margin: 0 66px;
        }
        #bhm-info p {
            margin-left: 70px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        #h-text {

        }


            p{
                margin-left: 31px;
                margin-right: 107px;
                text-align: left;
            }

            /*mockups css*/

            .grid-container {
                display: flex;
                flex-direction: column;
            }


    /*mobile columns confirmed*/
    @media (max-width: 690px) {



        .column {
            max-width: 100%;
            flex: 72%;
            padding: 10px 17px;
        }

        /*mockups css*/

        .grid-container {
            display: flex;
            flex-direction: column;
        }
        .item2 {
            padding-left: 0vw;
            padding-right: 22vw;
            margin: 8px 21px;
        }
        .item4 {
            padding-left: 30vw;
            padding-right: 5vw;
            margin: 4px 8px;
        }
        .item6 {
            padding-left: 0vw;
            padding-right: 22vw;
            margin: 8px 21px;

        }
        .item8 {
            padding-left: 0vw;
            padding-right: 22vw;
            margin: 8px 21px;
        }

        .item10 {
            padding-left: 16vw;
            padding-right: 5vw;
            margin: 8px 21px;
        }
        .item12 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item14 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 23px 12px;
        }
        .item16 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item18 {
            padding-left: 0vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item20 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item22 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item24 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        .item26 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
        }
        #bhm-info {
            padding-top: 30px;
            padding-left: 36px;
        }
        #space-info{
            padding-top: 30px;
            padding-left: 7px;
        }
        p {
            margin-left: 88px;
            text-align: center;
        }
        h3 {
            margin-left: 46px;

        }




        /*smallest mobile Media Query--confirmed*/
        @media (max-width: 390px) {
            .row {
                display: flex;
                flex-wrap: wrap;
                padding: 0 4px;
                margin-top: 10px;
                margin-left: 0;
                margin-right: 0;
            }

            .column {
                max-width: 100%;
                padding: 33px 23px 3px;
            }
            .grid-container {
                padding: 0;
            }
        }
        .item1 {
            padding-left: 0;
        }
        .item1 img{
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0px;
        }
        .item1-1 {
            padding-left: 0;
        }
        .item1-1 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item1-2 {
            padding-left: 0;
        }
        .item1-2 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item2 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item2 h3 {
            padding-left: 17px;
            font-size: 1.5em;
        }
        .item2 p {
            margin-left: 30px;
            margin-right: 0;
        }
        .item3 {
            padding-left: 0;
        }
        .item3 img{
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;
        }
        .item3-1 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item3 {
            padding-left: 0;
        }

        .item3-2{
            padding-left: 0;
        }
        .item3-2 img{
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;

        }
        .item4 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 23px;
            font-size: 1.5em;
        }
        .item4 h3 {
            padding-left: 13px;
            margin: 0 14px;
            font-size: 1.5em;
        }
        .item4 p {
            margin-left: 0;
            margin-right: 0;
            padding-left: 37px;
        }
        .item5 {
            padding-left: 0;
        }
        .item5 img{
            width: 100%;
            height: auto;
            right: 40px;

        }
        .item5-1 {
            padding-left: 0;
        }
        .item5-1 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item6 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 23px;
            font-size: 1.5em;

        }
        .item6 h3 {
            padding-left: 13px;
            margin: 0 15px;
            font-size: 1.5em;
        }
        #tote {
            margin: 0;
        }
        .item6 p {
            margin-left: 40px;
            margin-right: 3px;
            padding-left: 0
        }
        .item7 {
            padding-left: 0;
        }
        .item7 img{
            width: 100%;
            height: auto;
            right: 40px;

        }
        .item7-1 {
            padding-left: 0;
        }
        .item7-1 img{
            width: 100%;
            height: auto;
            right: 40px;
        }

        .item8 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 23px;
            font-size: 1.5em;

        }
        .item8 h3 {
            padding-left: 16px;
            margin: 0 17px;
            font-size: 1.5em;
        }
        #web-miaou{
            padding-left: 1px;
            margin: 3px 1px;
            font-size: 1.5em;
        }
        .item8 p {
            margin-left: 0;
            margin-right: 0;
            padding-left: 39px;
        }
        .item9 img{
            width: 100%;
            height: auto;
            right: 40px;
            padding-left: 0;
        }
        .item9 {
            padding-left: 0;
        }
        .item9-1 {
            padding-left: 0;
        }
        .item9-1 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item9-2 {
            padding-left: 0;
        }
        .item9-2 img{
            width: 100%;
            height: auto;
            right: 40px;

        }


        .item10 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 9px;
            font-size: 1.5em;
        }
        .item10 h3 {
            padding-left: 16px;
            margin: 0 17px;
            font-size: 1.5em;
        }
        .item10 p {
            margin-left: 0;
            margin-right: 7px;
            padding-left: 35px;
        }
        #lizard h3 {
margin: 17px 5px;
            padding-left: 11px;
            padding-right: 16px;
        }
        .item11 {
            padding-left: 0;
        }
        .item11 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item11-1 {
            padding-left: 0;
        }

        .item11-1 img{
            width: 100%;
            height: auto;
            right: 40px;
        }

        .item12 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;

        }
        .item12 p {
            margin-left: 47px;
            margin-right: 1px;
        }
        .item12 h3 {
            padding-left: 24px;
            margin: 0 27px;
            font-size: 1.5em;
        }
        .item12-1 {
            padding-left: 3vw;
            padding-right: 11vw;
            margin: 23px 4px;
            font-size: 1.5em;
        }
        .item13 {
            padding-left: 0;
        }
        .item13 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item14 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;

        }
        .item14 p {
            margin-left: 25px;
            margin-right: 17px;
            padding-left: 22px;
        }
        .item14 h3 {
            padding-left: 4px;
            margin: 0 51px;
            font-size: 1.5em;
        }
        .item15 {
            padding-left: 0;
        }
        .item15 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item16 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;

        }
        .item16 h3 {
            padding-left: 6px;
            margin: 0 39px;
            font-size: 1.5em;
        }

        .item16 p {
            margin-left: 47px;
            margin-right: 20px;
        }
        .item17 {
            padding-left: 0;
        }
        .item17 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item18 {
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;

        }
        .item18 p {
            margin-left: 48px;
            margin-right: 0;
        }
        .item18 h3 {
            padding-left: 4px;
            margin: 0 54px;
            font-size: 1.5em;
        }

        .item19 {
            padding-left: 0;
        }

        .item19 img{
            width: 100%;
            height: auto;
            right: 40px;
        }

        .item20 {
            padding-left: 4vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;

        }

        .item20 p {
            margin-left: 45px;
            margin-right: 8px;
        }
        .item20 h3 {
            padding-left: 19px;
            padding-right: 5px;
            margin: 0 12px;
            font-size: 1.5em;
        }

        .item21 {
            padding-left: 0;
        }
        .item21 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item22 {
            padding-left: 3px;
            padding-right: 1vw;
            margin: 68px 0;
            font-size: 1.5em;

        }
        .item22 p {
            margin-left: 46px;
            margin-right: 23px;
            padding-left: 11px
        }
        .item22 h3 {
            padding-left: 8px;
            margin: 0 47px;
            font-size: 1.5em;
        }
        .item23 {
            padding-left: 0;
        }
        .item23 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item24 {
            padding-left: 21px;
            padding-right: 10vw;
            margin: 68px 0;
            font-size: 1.5em;

        }
        .item24 p {
            margin-left: 52px;
            margin-right: 0;

        }
        .item24 h3 {
            padding-left: 4px;
            margin: 0 35px;
            font-size: 1.5em;
        }
        .item25 {
            padding-left: 0;
        }
        .item25 img{
            width: 100%;
            height: auto;
            right: 40px;
        }
        .item26 {
            padding-left: 5vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;

        }
        .item26 h3 {
            font-size: 1.5em;
        }
        .item26 p {
            margin-left: 37px;
            margin-right: 7px;
        }
        #portfolio{
            margin-left: 52px;
            padding-top: 20px;
            padding-right: 19px;

        }

        h3 {
            margin-left: 0;
text-align: center;
            padding-left: 9px;

        }
        p{
            margin-left: 0;
            text-align: left;
        }
        #bhm-info {
            padding-top: 14px;
            padding-left: 8px;
            font-size: 1.5em;
        }
        #bhm-info p {
            padding-top: 14px;
            margin-left: 49px;

        }
        #bhm-info h3 {
            font-size: 1.5em;
        }
#space-info h3 {
    font-size: 1.5em;
    padding-left: 2px;
    margin: 0 28px;
}
        #space-info{
            padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;

        }
        #space-info p {
            margin-left: 50px;
            padding-left: 0;
            padding-right: 2px;
            margin-right: 10px;
        }
        #nrftw {padding-left: 1vw;
            padding-right: 4vw;
            margin: 0 12px;
            font-size: 1.5em;
        }
        #nrftw p {
            margin-left: 54px;
        }
        #sc-img {padding-left: 0;
            padding-right: 1vw;
            margin: 0 12px;
            font-size: 1.5em;
        }
        #phmo {
        width: 100%;
            padding-left: 0;
        }
        #h-text{
            margin-left: 14px;
            text-align: left;
            margin-right: -16px;
        }
#tablet-frame {
    padding-left: 0;
    width: 100%;
    height: auto;
}
#navbar-nav {
        display: flex;
        justify-items: center;
        gap: 0px 15px;
        grid-template-columns: 50% 50%;
        margin: 5px;
        padding-left: 9px;
        padding-right: 4px;
    }


    }
}