.navbar-brand {
    position: relative;
/*    background: url(../images/logo.png);*/
    width: 170px;
    left: 15px;
    background-size: contain;
}
.navbar-brand img {
    width: 90px;
    margin-left: 0;
    padding-left: 0;
/*    left: 15px;*/
}

.quick_scan_poster {
    
    display: flex;
    flex-direction: column;
/*	min-height: 100vh;*/
	text-align: center;
    justify-content: center;
    color: #005544;
    margin-top: 0;
    padding-top: 5vw;
/*    background-image: url("../images/quicksan_radar_chart_0.png");*/
}

.quick_scan_deck {
    
    display: flex;
    flex-direction: column;
/*	min-height: 100vh;*/
	text-align: center;
    justify-content: center;
    color: #005544;
    margin-top: 0;
    padding-top: 2vw;
}

.quick_scan_deck-header {
	
	max-width: 100vw;
    padding-top: 0;
    text-align: center;
    margin-top: 0;
    margin-left: 5vw;
    margin-right: 5vw;
    
}

.quick_scan_deck-sub-header {
    padding-top: -25vw;
}

.quick_scan_deck-header h2, .quick_scan_deck-sub-header h2 {
    
    position: relative;
    font-size: 2rem;
    font-weight: 800;
    background: #B9B9B9;
	color: #D45500;
    margin-bottom: 0;
    margin-top: 0;
}

.quick_scan_deck-banner {
	
	max-width: 100vw;
    padding-top: 0;
    text-align: center;
    margin-top: 0;
    
    
    margin-left: 5vw;
    margin-right: 5vw;
    padding-bottom: 0.2vw;
    
/*
    background-image: url("../images/quicksan_radar_chart_0.png");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right;
*/
}

.quick_scan_deck-banner h3 {
    
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
/*    background: #B9B9B9;*/
  	color: #005544;
    margin-bottom: 0.5vw;
    margin-top: 0.5vw;
    border-color: #B9B9B9;
    border-style: solid;
    
}

.quick_scan_deck-banner-text {
    
    border-color: #B9B9B9;
    border-style: solid;
    margin-top: 1vw;
    font-size: 1.5rem;
    
}

.quick_scan_deck-banner p {
    
    color: #005544;
    text-align: center;
/*    padding-left: 2vw;    */
    font-size:1.8rem;
    font-weight: 800;
}

.quick_scan_deck-banner ul {
    
    color: #005544;
    text-align: left;
}

.quick_scan_deck-header h3 {
    
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
    background: #B9B9B9;
  	color: #D45500;
    margin-bottom: 0.4vw;
    margin-top: 0.4vw;
/*    border-color: #B9B9B9;*/
/*    border-style: solid;*/
    
    
}


.quick_scan_deck-sub-header h3 {
    
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
    background: #B9B9B9;
  	color: #D45500;
    margin-bottom: 0.4vw;
    margin-top: 0.4vw;    
    
}

.quick_scan_deck-sub-header h4 {
    
    position: relative;
    font-size: 1.6rem;
    font-weight: 600;
/*    background: #B9B9B9;*/
/*  	color: #D45500;*/
    color: #005544;
    margin-bottom: 0.4vw;
    margin-top: 0.4vw;
/*    border-color: #B9B9B9;*/
/*    border-style: solid;*/
    
    
}


.quick_scan_deck-content {
    
/*    padding: 10vw;*/
/*    margin-top: 5vw;*/
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border: 0;
/*    color: #B9B9B9;*/
    align-items: center;
	max-width: 100vw;
    font-size: 1.1rem;
/*    background-color: #d9d9d9;*/
    color: #005544;
    margin-left: 5vw;
    margin-right: 5vw;
    
    
}

.quick_scan_deck-content p {
    padding-top: 5vw;
    padding-left: 2vw;
    padding-right: 2vw;
    line-height: 5.0vw;  
    margin-bottom: 5vw;
    text-align: center;
    
}

.quick_scan_deck-content li {
    
    text-align: left;
}


.quick_scan_deck-content > .li-header {
    font-weight: 800;
    font-size: 1.5rem;
    
}


.quick_scan_deck_scores {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

    .quick_scan_scores_card img{
        width: 100%;

    }



.quick-scan-sample-questions {
    text-align: left;
}


.quick_scan_deck-footer {
    font-size: 0.9rem;
    font-weight: 600;
    text-align: left;
    padding-left: 2vw;
}

@media all and (min-width: 1200px) {


    .quick_scan_deck {
        display: flex;
        flex-direction: column;
/*        margin-top: 5vw;*/
    }
    
    .quick_scan_deck-header {
        margin-left: 20vw;
        margin-right: 20vw;
/*        padding-bottom: 5vw;*/
    }
    
    /*.quick_scan_deck-header h2{
        margin-top: 0;
        padding-top: 0;
        margin-left: 20vw;
        margin-right: 20vw;
    }*/
    
    .quick_scan_deck-content {
        margin-left: 20vw;
        margin-right: 20vw;
        padding-bottom: 0.5vw;
    }
    
    .quick_scan_deck-content li {
        
        font-size: 1.1rem;
    }
    
    .quick_scan_deck-content p {
        line-height: 2.0vw;  
        margin-bottom: 0vw;
        text-align: center;
    
    }    

    .quick_scan_deck-banner {
        margin-left: 20vw;
        margin-right: 20vw;
        padding-bottom: 0vw;
        
    }
    
    .quick_scan_deck-footer {
        font-size: 0.9rem;
        font-weight: 600;
        text-align: left;
        padding-left: 20vw;
    }
    
    
    .quick_scan_deck_scores {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .quick_scan_scores_card {
        width: 36%;
/*        margin-left: 8%;*/
/*        margin-right: 8%;*/
        margin-top: 2%;
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .quick_scan_scores_card img{
        width: 100%;

    }

    
}

.quick_scan_acceptance_text {
    font-size: 1.8rem;
    font-weight: 800;
}




 /* Style inputs, select elements and textareas */
input[type=text], select, textarea{
    width: 100%;
    padding: 0.5vw;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}

/* Style the label to display next to the inputs */
label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

/* Style the submit button */
input[type=submit] {
    background-color: #04AA6D;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    width: 50%;
    margin-left: 25%;
    margin-top: 1vw;
    margin-bottom: 3vw;
}

/* Style the container */
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
/*    margin-right: 10vw;*/
}

/* Floating column for labels: 25% width */
.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

/* Floating column for contact details: 50% width */
.col-50 {
    float: left;
    width: 80%;
    margin-top: 6px;
    margin-left: 10%;
}

/* Floating column for inputs: 75% width */
.col-75 {
    float: left;
    width: 50%;
    margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-25, .col-75 {
        width: 90%;
        margin-top: 0.5vw;
        margin-bottom: 0.2vw;
        margin-left: 5%;
  }
    input[type=submit] {
        width: 90%;
        margin-top: 3vw;
        margin-bottom: 0.2vw;
        margin-left: 5%;
        
    }
    label {
        padding: 0.1vw;
    }
    .container {
/*        padding: 0.1vw;*/
    }
}