/* @font-face {
    font-family: 'Helvetic';
    src: url("https://www.panacea-md.com/fonts/HELVETICANEUELTSTD-ROMAN.OTF") format("opentype");
}

@font-face {
    font-family: 'Helvetic Bold';
    src: url("https://www.panacea-md.com/fonts/HELVETICANEUELTSTD-BD.OTF") format("opentype");
}

@font-face {
    font-family: 'Helvetic CN';
    src: url("https://www.panacea-md.com/fonts/HELVETICANEUELTSTD-CN.OTF") format("opentype");
}

@font-face {
    font-family: 'Helvetic LTIT';
    src: url("https://www.panacea-md.com/fonts/HELVETICANEUELTSTD-LTIT.OTF") format("opentype");
} */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap');

body {
    padding: 0;
    font-family: 'Roboto';
    min-height: 75rem;
    padding-top: 4.5rem;
    min-height: 100vh;
    position: relative;
    margin: 0;
}

.nav-item>a {
    text-transform: uppercase;
    color: #fff !important;
    font-size: 13px;
    letter-spacing: 1px;
}

.bg-primary {
    background-color: #002554 !important;
}
 
.navbar {
    height: 100px !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem !important;
}

.navbar-brand>img {
    width: 70px !important;
}

.jumbotron-home {
    color: #000;
    font-weight: bold;
    background-image: url("../images/getting-started.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    text-align: center;
}

.jumbotron-text {
    font-size: 2.4rem;
    font-family: 'Roboto';
}

.jumbotron-getting-started {
    font-weight: bold;
    background-image: url("../images/getting-started.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;

}

.main-text-body>.row {
    margin-top: 30px;
}

.sub-headers {
    font-weight: bold;
    padding: 0 10px;
}

.paragraphs {
    font-weight: 300;
    padding: 0 15px 0 10px;
    text-align: justify;
    font-size: 17px;
}

.paragraphs::first-letter {
    margin-left: 30px;
}

.paragraph-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.performance>.sub-headers {
    font-size: 20px;
    padding: 0;
}

.line-heading {
    position: relative;
    text-align: center;
    margin-top: 50px;
}

.line-heading:before {
    content: "";
    display: block;
    border-top: solid 6px #e9e8e7;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 60%;
    z-index: 0;
}

.line-heading span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.6px;
}

.list-wrapper {
    display: flex;
    justify-content: center;
}

ul {
    margin: 0;
    /* padding: 0; */
}

ul.about {
    padding: 0;
}

ul.dashed {
    list-style-type: none;
}

ul.dashed.center {
    display: table;
    margin: 0 auto;
}

li.bold {
    font-weight: bold !important;
    font-size: 17px !important;
}

ul.dashed>li {
    font-weight: 300;
    font-size: 15px;
    text-indent: -5px;
    margin-bottom: 3px;
}

ul.dashed>li:before {
    content: "- ";
    text-indent: -5px;
}

.last-block {
    margin-top: 70px !important;
}

.last-block-header {
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
}

.high-touch,
.high-tech {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.high-touch-image,
.high-tech-image {
    display: flex;
    justify-content: center;
}

.high-touch-paragraph,
.high-tech-paragraph {
    margin-top: 10px;
    padding: 0px 100px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
}

.arrow {
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin-top: 40px;
}

.mission {
    margin-top: 60px;
    padding: 0 60px;
}

.mission-panacea-logo {
    display: block;
    margin-top: 70px;
    text-align: center;
}

.kristen {
    height: 400px;
    /* width: 300px; */
    display: block;
    margin: 0 auto;
}

.mission-header,
.getting-started-header {
    font-weight: bold;
    font-size: 17px;
}

.what-to-expect {
    margin-top: 30px;
}

.mission-paragraph,
.what-to-expect-paragraph,
.getting-started-paragraph {
    font-size: 13px;
}

.getting-started-left {
    position: relative;
}

.panacea-getting-started {
    border-radius: 50%;
    position: absolute;
    top: -160px;
    height: 200px;
    width: 200px;
}

.getting-started-left-text {
    margin-top: 80px;
}

.contact {
    margin-top: 50px;
}

.contact-header {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.contact-grey-line {
    display: block;
    margin: 20px auto 0 auto;
    width: 80px;
    height: 2px;
    background-color: #dfe0df;
}

.contact-subheader {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}

.contact-submessage {
    text-align: center;
    font-size: 13px;
    color: #8d8d8d
}

.contact-form {
    margin-top: 70px;
}

.form-group>label {
    font-size: 13px;
}

.send-btn {
    margin-top: 20px;
    width: 100px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: 40px;
}

.contact-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 65px;
}

.contact-name {
    font-weight: bold;
}

.contact-details-text {
    font-size: 15px;
    color: #a0a0a0
}

.footer {
    width: 100%;
    height: 150px;
    background-color: #2d2a26;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.footer-above-line {
    margin-top: 90px;
    height: 10px;
    background-color: #c6bcb6;
    width: 100%;
}

.footer-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 5px;
}

.footer-link:hover {
    color: #fff;
    text-decoration: none;
}

.copyright-text {
    margin-top: 25px;
    font-weight: bold;
}

.about-panacea {
    width: 350px;
}

.mail-to {
    text-decoration: underline;
}

.microcurrent-pager h2 {
    font-size: 1.75rem;
}
.microcurrent-pager h5 {
    font-weight: bold;
    font-size: 17px;
}
ul.text-big li {
    font-size: 13px;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.getting-started-paragraph span.bold {
    font-weight: 600;
}
.getting-started-paragraph span.bold2 {
    font-weight: 600;
    font-size: 14px;
}
.nuerofeedback-bnr {
    font-weight: bold;
    background-image: url(../images/brianhealth-img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height:500px;
    width: 50%;
    margin: 0 auto;
    margin-top: 40px;
}



@media (max-width: 1180px) {
.brianhealth-bnr {
    height: 300px;
}
}

@media (max-width:900px) {
.brianhealth-bnr {
    height: 270px;
}
}
@media (max-width:767px) {

.brianhealth-bnr {
    width: 100%;
    height: 230px;
}
ul.navbar-nav.ml-auto {
    background: #002554;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 15px;
}
}
@media (max-width: 575.98px) {

    /* this is for mobile view (portrait) */
    .navbar {
        padding: .5rem 1rem !important;
    }

    .sub-headers,
    .performance {
        margin-top: 50px;
    }

    ul.dashed {
        margin-top: 20px;
    }

    .kristen {
        height: 200px;
        width: 200px;
    }

    .mission>.row>.col-md-12:nth-child(2) {
        margin-top: 40px;
    }

    .high-tech,
    .arrow {
        margin-top: 40px;
    }

    .high-touch-paragraph,
    .high-tech-paragraph {
        padding: 0 50px;
    }

    .contact-details {
        margin-top: 40px;
        padding-bottom: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    /* this is for mobile view (landscape) */
    .navbar {
        padding: .5rem 1rem !important;
    }

    .sub-headers,
    .performance {
        margin-top: 50px;
    }

    ul.dashed {
        margin-top: 20px;
    }

    .kristen {
        height: 200px;
        width: 200px;
    }

    .mission>.row>.col-md-12:nth-child(2) {
        margin-top: 40px;
    }

    .high-tech,
    .arrow {
        margin-top: 20px;
    }

    .high-touch-paragraph,
    .high-tech-paragraph {
        padding: 0 50px;
    }

    .contact-details {
        margin-top: 40px;
        padding-bottom: 0;
    }
}

@media (max-width:414px) {

.brianhealth-bnr {
    height: 200px;
}
}
@media (max-width:360px) {
.brianhealthck-bnr {
    height: 170px;
}
}

ul.footer-links.list-inline {
    display: inline-flex;
}
@media (min-width: 1020px) {
    
    .Panacea-div-cls {
    max-width: 997px;
    margin: 0 auto;
}
.Panacea-div-cls p.bold {
    padding-left: 25px;
}
}

img.img-resposive.brain-h-img {
    margin-top: 50px;
}
.brain-h-img-col{
    text-align: center;
}
button.navbar-toggler {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

button.navbar-toggler {
  border-color: rgb(255,102,203);
} 
button.navbar-toggler {
    background-repeat: no-repeat;
    padding: 15px;
    color: #fff;
    filter: brightness(0) invert(1);
    border: 1px solid #ffffff8c;
}

@media (max-width: 1020px) {
    img.img-resposive.brain-h-img{
        width: 100% !important;
    }
}