/* This is main style sheet */

/* colour scheme: */

/* CSS HEX */

/*
--rose-quartz: #b0a1ba; - call to action / button
--cadet-gray: #a5b5bf; - Background 3
--ash-gray: #abc8c7; - Background 2
--cal-poly-green: #235737; - Font
--celadon: #bff0d4; - Background
-- chocolate cosmos: #461220 - front 2
-- light blue shade: #bec3e0 - hover
*/

nav{
    background-color: #abc8c7;
    border:1px solid #abc8c7;
    color: #b0a1ba;
    display: inline-block;
    overflow:hidden;
    width:100%;
    text-align: center
}
nav ul li {
    display: inline-block;
    list-style-type:none;
}

nav ul li a{
    color:#000;
    display: block;
    line-height:56px;
    text-decoration:none;
    padding:10px;
    font-family: 'Franklin Gothic Medium';
    font-weight: bold;
}

nav ul li:hover{
    background-color: #bec3e0;
}
nav ul li:hover a{
    color: #461200;
}

h1 {
    font-family:'Franklin Gothic Medium';
    color: #235737;
    font-size: 16px;
    font-weight: bold;
}

.bgceladon {
    background-color: #bff0d4;
}

.bgcadetgray {
    background-color: #a5b5bf;
}

footer{
    background-color: #abc8c7;
    color:#235737;
    text-align: center;
    padding: 3px;
    margin: 3px;
}

form {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font: weight 400px;
}

p{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 400px;
}

td {
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 400px;
}

li {
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 400px;
}

table, th, td {
  border: 1px solid black;
}


/* this is style for tablet*/

@media screen and (max-width: 992px)

/* this is style for phone*/

@media screen and (max-width: 600px)