body {

font-family: 'Open Sans', arial, sans-serif;
background-color: #f9f9fb;
color: $text-color;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

html, body {

height: 100%;

}

.page-wrapper {

min-height: 100%;
margin-bottom: -50px; 
&:after {
    content: "";
    display: block;
    height: 50px;
}

}

p {

line-height: 1.5;

}

a {

color: darken($color-primary, 5%);
@include transition (all 0.4s ease-in-out);
&:hover {
    text-decoration: underline;
    color: darken($color-primary, 10%);        
}
&:focus {
    text-decoration: none;
}

}

code {

background: #222;
color: #fff;
font-size: 14px;
font-weight: bold;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
padding:2px 8px;
padding-top: 4px;
display: inline-block;

}

.form-control {

@include box-shadow(none);
 height: 40px;
 border-color: $divider;
 @include placeholder(lighten($grey, 5%));
 &:focus {
     border-color: darken($divider, 5%);
     @include box-shadow(none);
 }

}

input, input, input, input, input, textarea, select {

appearance: none;  /* for mobile safari */
-webkit-appearance: none;

}

topcontrol {

background: $color-primary;
color: #fff;
text-align: center;
display: inline-block;
width: 35px;
height: 35px;
border: none;
@include border-radius(4px);
@include transition (all 0.4s ease-in-out);
z-index: 30;
&:hover {
    background: lighten($color-primary, 5%);
}
.fa {
    position: relative;
    top: 3px;
    font-size: 25px;
}

}

.video-container iframe {

max-width: 100%;

}

.vertical-align {

display: flex;
align-items: center;

}

.fourofour {

margin: 50px auto;

}