#mainnav {background-color: #103454;}

    #mainnav a {text-decoration: none;
                color: #FFFFFF;
                text-transform: uppercase;
                font-family: sans-serif;
                padding-left: 30px;
                padding-right: 30px;}

    #mainnav a:hover {color: lightblue;}

    #mainnav ul {list-style-type: none;
                 text-align: center;
                 padding: 10px;
                 margin-top: 0;
                 margin-bottom: 0;}

    #mainnav li {display: inline;}

    #header {justify-content: center;
             text-align: center;
             color: #FFFFFF;
             background-image: url(background.jpg);
             background-size: cover;
             background-repeat: no-repeat;
             height: 550px;}

    #header img {margin-top: 15px;}

    #header h1 {margin-top: 0;
                margin-bottom: 0;
                text-transform: uppercase;}

    #header p {margin-top: 0;}

    #subnav img {border: 1px solid #FFFFFF;
             margin-left: 10px;
             margin-right: 10px;}

    #subnav li {display: inline;}

    #subnav img:hover {background-color: #FFFFFF;
                       opacity: 0.3;
                       transition: 2s;}

    #text {background-color: #103454;
           color: white;
           padding: 10px;
position: fixed;
bottom: 0;
width: 100%;
margin-bottom: 10px;}

    #text p {width: 650px;
             text-align: center;
             margin-left: auto;
             margin-right: auto;}

   #positioning {position: fixed;
                 bottom: 0;
                 width: 100%;
                 background-color: #000000;
                 color: white;
                 text-align: center;
                 padding: 5px;
                 font-family: sans-serif;}


    footer a {text-decoration: none;}


@media (max-width: 768px) {
                           nav ul {display: flex;
                                   flex-direction: column;
                                   text-align: center;
                                   padding: 0;}
    
                           nav li {display: block;
                                   padding: 10px 0;}

                           #header {height: auto;
                                    padding: 20px;}

                           #header img {max-width: 90px;
                                        height: auto;}

                           #text p {max-width: 90%;
                                    font-size: 14px;}

                          }