@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");

* {
    font-family: "Montserrat";
    font-size: small;
}

.content {
    width: 100%;
    margin: 0;
}

.content > * {
    padding: 1em;
}

h1 {
    font-size: xx-large;
    color: #003fff;
    font-weight: bold;
}

h2 {
    font-size: medium;
    font-weight: bold;
}

h3 {
    font-size: small;
}

header {
    background-image: url("../images/bg1.svg");
    background-size: 100% 100%;
}

.form {
    border: 1px solid #bababa;
    border-radius: 5px;
    padding: 0.5em;
}

.form > section {
    border: 1px solid #bababa;
    border-radius: 5px;
    padding: 0.5em;
    margin: 0.6em 0 0 0;
}

.form > section:first-child {
    margin: 0 0 0 0;
}

.form-control {
    border-color: #bababa;
    min-width: 100%;
    max-width: 100%;
}

.alert {
    margin: 0.5em 0;
}

.alert-nobottom {
    margin-top: 0;
    margin-bottom: 0;
}

.alert-info {
    color: #003fff;
}

.checkbox {
    margin: 0.5em 0;
}

.error-text {
    color: rgb(169, 68, 66);
}

.error-frame {
    border-color: rgb(235, 204, 209);
    background-color:  rgb(242, 222, 222);
}
.error-frame:focus {
    border-color: rgb(235, 204, 209);
    background-color:  rgb(242, 222, 222);
}