@charset "utf-8";
html {
    background-color: beige;
}
header{ 
    background-color: tan;
    font-size: 2.0em;
    text-align: center;
    padding: 25px;
}
nav { 
    
    text-align: center;
}
nav li{ 
    width: 33.3%; 
    float: left;
    display: block;
}
nav ul{ 
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
nav a { 
    text-decoration: none;
    display: block;
    line-height: 2.5em;
    text-align: center;
    background-color: sienna;
}
nav a:hover{ 
    color: white;
    font-size: 1.1em;
    transition: background-color 0.1s ease .2s, color 0.1s ease .2s, font-size 0.1s ease .2s;
    background-color: brown;
}
a { 
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(218, 184, 122);
}
ul {
    list-style: square;
}
body { 
    color: black;
    font-family: 'Times New Roman', Times, serif;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    font-size: x-large;
}
main{ 
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 70px;
}
img { 
    float: right;
    padding: 30px;
    border-style: double;
}
div.ben{ 
    float: none;
    width: auto;
    display: flex;
    flex-flow: wrap;
}
body>footer { 
    background-color: rgb(202, 151, 83);
    text-align: center;
    padding: 25px;
}
/*Form Styles*/
textarea { 
    padding: 10px;
    margin: 10px;
}
input:focus, textarea:focus{ 
    outline: 1px solid black;
    border: 1px solid black;
    background-color: lightyellow;
}
.reason {
    height: 10px;
    width: 20px;
}
/*Mobile Styles*/
@media only screen and (max-width:768px) { 
    html{ 
        background-color: beige;
    }
    header{ 
        width: auto;
    }
    body{ 
        width: 100%;
        margin: 0%;
    }
    main>img{ 
        float:none;
        width: 100%;
        
    }
    img{ 
        border-style:none;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    nav li{ 
        float: none;
        width: 100%;
    }
    nav a{ 
        float: none;
        width: 100%;
    }
    body>footer{ 
        width: auto;
    }
    iframe {
        width:100%;
        height: auto;
    }
}