#container {
    max-width: 1024px;
    margin-top: -350px;
    /*background-color: #f8f8f8;*/
    /*background-color: #cfcfcf;*/
    background-color: #e8e8e8;
}

#login-buttons {
    margin-bottom: -15px;
}

#main-nav-bar {
    border-top: 1px solid #ea4339;
    border-bottom: 1px solid #ea4339;
    border-left: 1px solid #8ea871;
    border-right: 1px solid #8ea871;
    color: #000;
    background-color: #8ea871;
}

#back-header {
    height: 850px;
}

.fratelli-status {
    color: #fff;
}

.uk-vertical-align-middle {
    vertical-align: middle;
}

.uk-icon-button.uk-margin-auto {
    font-weight: bold;
    color: rgba(255,255,255,0.8);
}

.uk-icon-button.uk-margin-auto:hover {
    font-weight: bolder;
    color: rgba(255,255,255,1);
}

.sticky-logo {
    display: none;
}

.uk-active .sticky-logo {
    display: block;
    float: left;
    margin-right: 10px;

}

.uk-sticky-logo {
    margin-top: -10px;
    height: 70px;
}

.uk-navbar-nav li a {
    color: #000;
}

.fratelli-navbar {
    color: #000;
}

/* Fine-tune the position the logo */
.uk-active .sticky-logo img {
    position: relative;
    top: 5px;
    left: 5px;
    height: 80px;
    width: auto;
}

.hidden {
    display: none;
}

/* Callout method for sign-up errors. Port from Bootstrap callouts into uikit naming schema */
.uk-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.uk-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.uk-callout p:last-child {
    margin-bottom: 0;
}
.uk-callout code {
    border-radius: 3px;
}
.uk-callout+.bs-callout {
    margin-top: -5px;
}
.uk-callout-default {
    border-left-color: #777;
}
.uk-callout-default h4 {
    color: #777;
}
.uk-callout-primary {
    border-left-color: #428bca;
}
.uk-callout-primary h4 {
    color: #428bca;
}
.uk-callout-success {
    border-left-color: #5cb85c;
}
.uk-callout-success h4 {
    color: #5cb85c;
}
.uk-callout-danger {
    border-left-color: #d9534f;
}
.uk-callout-danger h4 {
    color: #d9534f;
}
.uk-callout-warning {
    border-left-color: #f0ad4e;
}
.uk-callout-warning h4 {
    color: #f0ad4e;
}
.uk-callout-info {
    border-left-color: #5bc0de;
}
.uk-callout-info h4 {
    color: #5bc0de;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;

    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

 .google-maps {
     position: relative;
     padding-bottom: 75%; // This is the aspect ratio
     height: 0;
     overflow: hidden;
 }

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@font-face {
    font-family: 'lavanderiasturdy';
    src: url(/fonts/lavanderia_sturdy-webfont.woff2) format('woff2'),
         url(/fonts/lavanderia_sturdy-webfont.woff) format('woff'),
         url(/fonts/lavanderia_sturdy.otf)  format("truetype");
    font-weight: normal;
    font-style: normal;
}

h1.fratelli-section-header {
    font-family: 'lavanderiasturdy';
    font-size: 4rem;
    color: #ea4339;
    text-shadow: 5px 5px 7px black;
}

h1.fratelli-section-header-sm {
    font-family: 'lavanderiasturdy';
    font-size: 3rem;
    color: #ea4339;
    text-shadow: 5px 5px 7px black;
}

h1.fratelli-article-title {
    font-family: 'lavanderiasturdy';
}

.fratelli-page-banner {
    margin-top: -90px;
}

.fratelli-page-banner-sm {
    margin-top: -90px;
}

.fratellis-subtitle {
    font-family: 'lavanderiasturdy';
}