:root {
    --primary: #3A5A40;
    --hover: #2D4E38;
    --light: #547953;
    --plain: #f5f5f5;
}

body, html {
    height: 100%;
}

body {
    background: #f1f3f6;
    color: #4c4d4d;
    font-family: 'Open Sans', sans-serif;
}

form {
    padding: 0;
    margin: 0;
    display: inline;
}

img {
    vertical-align: inherit;
}

a, a:focus {
    color: var(--primary);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a:hover, a:active {
    color: var(--hover);
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a:focus, a:active,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
button:focus,
button:active {
    outline: none;
}

p {
    line-height: 1.8;
}

iframe {
    border: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
}

.btn-theme {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.btn {
    font-size: 13px !important;
}