@import "../js/bootstrap/css/bootstrap.min.css";
@import "../js/bootstrap/css/bootstrap-theme.min.css";
@import "../js/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css";

body {
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
    /*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
    font-size: 16px;
}

.container {
    width: 100%;
}



@media (min-width: 690px) {
    .headerwrap {
        width: 100%;
        display: block;
        height: 150px;
        background-color: #0C2340;
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .logo {
        background-color: #0C2340;
        width: 126px;
        height: 126px;
        float: left;
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 690px) {
    .headerwrap {
        width: 100%;
        display: block;
        height: 120px;
        background-color: #0C2340;
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .logo {
        background-color: #0C2340;
        width: 70px;
        height: 70px;
        float: left;
        padding: 0;
        margin: 0;
    }

        .logo img {
            width: 70px;
            height: 70px;
        }
}

.header {
    background-color: #0C2340;
    float: left;
}

@media (min-width: 690px) {
    .header h1 {
        color: #fff;
        background-color: #0C2340;
        font-family: "Chronicle Display A", "Chronicle Display B", "Times New Roman", Times, serif;
        padding-left: 10px;
        text-align: left;
        font-size: 60px;
    }
}

@media (max-width: 690px) {
    .header h1 {
        color: #fff;
        background-color: #0C2340;
        font-family: "Chronicle Display A", "Chronicle Display B", "Times New Roman", Times, serif;
        padding-left: 10px;
        text-align: left;
        00 font-size: 35px;
    }
}

.btn-primary {
    border-color: #DD0F1C;
    background-image: linear-gradient(to bottom,#DD0F1C 0,#A91517 100%);
}

    .btn-primary:focus, .btn-primary:hover {
        background-color: #A91517;
        background-position: 0 -15px;
        border-color: #DD0F1C;
    }

    .btn-primary.active {
        background-color: #A91517;
        border-color: #A91517;
    }

.btn-default {
    border-color: #0047BB;
    background-image: linear-gradient(to bottom,#0047BB 0,#003E91 100%);
    text-shadow: none;
    color: #fff;
}

    .btn-default:focus, .btn-default:hover {
        background-color: #003E91;
        background-position: 0 -15px;
        border-color: #0047BB;
        text-shadow: none;
        color: #fff;
    }

    .btn-default.active {
        background-color: #003E91;
        border-color: #0047BB;
        text-shadow: none;
        color: #fff;
    }

.intro {
    font-size: 25px;
    font-family: 'Chronicle Display A','Chronicle Display B','Times New Roman',Times,serif;
}

#pnlResults .panel-heading h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", "Times New Roman", Times, serif;
    color: #0C2340;
    font-size: 30px;
    margin: 10px 0 0 0;
}

#pnlResults .panel-heading h2 {
    color: #F50000;
    font-size: 20px;
    margin: 0 0 0 0px;
    font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}

#pnlResults .panel-body h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", "Times New Roman", Times, serif;
    color: #0F2542;
    font-size: 24px;
}

/*#pnlResults .panel-body ul {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}

	#pnlResults .panel-body ul li:before {
		content: "> ";
	}
	#pnlResults .links ul li:before {
	content: none;
}*/

#pnlResults .panel-body a:link, .panel-body a:hover, .panel-body a:active, .panel-body a:visited {
    color: #F10000;
}

.input-group-addon {
    color: #ffffff;
    background-image: linear-gradient(to bottom,#DD0F1C 0,#A91517 100%);
}