@font-face {
    font-family: 'ArimoRegular';
    src: url('web fonts/arimo_regular_macroman/Arimo-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
    }
    
body {

    background-color: #b6e7b6;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

nav {

    display: flex;
    justify-content: center;
    background-color: rgb(164, 214, 63);
    margin: 0px 25.62%;

    }

nav li {

    display: inline;
    list-style: none;
    font-size: x-large;

}

nav li a {

    padding: 10px 10px;
    font-size: x-large;
    text-decoration: none;

    }

nav a:hover {

    background-color: rgb(120, 169, 22);

    }

nav a:focus {

    background-color: green;

    }

h2, h3 {

    text-align: center;
    color: hsl(59, 37%, 32%);
    font-family: 'Fira Sans', sans-serif;
    
    }

p {

    margin: 3px;
    padding: 3px;
    text-align: center;
    color: hsl(59, 37%, 32%);
    font-family: 'ArimoRegular';
    
}

h1 {

    text-align: center;
    color: hsl(59, 79%, 63%);
    background-color: #386d00;
    font-size: 50px;
    font-family: 'Fira Sans', sans-serif;
    
    }

img {

    display: block;
    margin-left: auto;
    margin-right: auto;

    }

video {
    
    display: block;
    margin-left: auto;
    margin-right: auto;

}

ul {
    
    display: inline-block;
    text-align: left;
    list-style-image: url(images/leaf-1-24.png);
    margin: auto;

    }

ul li{ 

    
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

    }

ol {

    display: inline-block;
    text-align: left;
    list-style-type: decimal-leading-zero;
    margin: auto;

    }

ol li{ 

    text-align: left;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

    }

a:link {

    color: rgb(16, 145, 16);

    }

a:visited {

    color: #006400;

    }

a:hover {

    color: hsl(120, 100%, 24%);

    }

a:active {

    color: greenyellow;

    }

div.cont {

    text-align: center;


    }

.big-letter::first-letter {

    font-size: x-large;
    color: green;

    }

span.dark-green {
    color: darkgreen;
    }

div.faq-cols {

    column-count: 3;
    column-gap: 30px;
    column-rule: darkgreen solid;
    
    }

div.gallery-cols {

    column-count: 2;
    column-gap: 10px;
    margin: auto;
    
}

div.faq-cols h2{

    color: darkgreen;
    
    }

h2.faq-cols-span {

    column-span: all;
    font-size: 50px;

    }

.boxed {

    border: 3px solid green;
    border-radius: 15px;
    padding: 40px 20px;
    margin: auto;

    }

div.box {

    border: 3px solid green;
    border-radius: 15px;
    padding: 20px;

    }

img.border {

    padding: 10px;
    margin: 20px;
    border: 3px dotted green;

}

img.float-left {

    float: left;
    padding: 10px;
    margin: 20px;

    }

img.float-right {

    float: right;
    padding: 10px;
    margin: 20px;

}

h3, h4 {

    margin: 30px;
    padding: 20px;
    

    }

.container {
    width: 1200px;
    border: 2px dotted green;
    padding: 15px;
    margin: 0 auto;
    }