@font-face {
    font-family: 'majesti_bannerbook';
    src: url('majesti-banner-book-webfont.woff2') format('woff2'),
         url('majesti-banner-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'majesti_bannerbook';
    font-size: 50px;
    color:#d4a18d;
    padding:0px;
    text-align: center;
}

body {
    font-family: athelas, serif;
    font-size: 34px;
    color:#8a8c8f;
    background-color: #41393d;
    text-align: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: 100% 100%;
}

/*Navigation*/
ul {
    list-style-type: none; /*this removes the bullets from the list */
   margin: 0;
   padding: 0;
   }
li {
    display: inline-block; /* this makes the links horizontal */
    }
li a {
    color:#be1e2d; /* this is the font colot */
    padding: 4px; /* this is the padding around the text, this creates a box */
    font-size: 20px;
    text-decoration: none;
}

footer {color: black;
        margin: 0px;
        font-size: 22px;
        text-align: center;
}

aside {color: #fff; /*this is the bottom section text*/
        font-size: 20px;
        background-color: black;
        text-align: right;
        padding:20px;
    }

nav {text-align:right;
    background-color: #000000;
    float:inline-start; 
    padding:37px;
    width:auto;
}

img {display:block;
    margin-left:80px;
    margin-right: auto;
    background-color: black;
    float:left;
    border: 2px solid black;
    border-radius: 25px;
    background-color: transparent;
    }

a { /*this is the links inside the boxes*/
    color: #be1e2d;
    text-decoration: none;
}

a:hover {
    color:#8a8c8f;
    text-decoration:overline;
}

.quote {
    width: 310px;
    height: 150px;
    border: 2px solid black;
    border-radius: 25px;
    background-color: #8a8c8f;
    color:black;
    font-size: 30px;
    padding: 40px;
    text-align: center;
    font-family: 'majesti_bannerbook';
    display:inline-block;
    opacity: 85%;
    }

    .vision {
    width:800px;
    height: fit-content;
    border: 2px solid black;
    border-radius: 25px;
    background-color: #8a8c8f;
    color:black;
    font-size: 24px;
    padding: 20px;
    text-align: center;
    font-family: athelas, serif;
    display:inline-block;
    opacity: 85%;
    }

    .links {
    color:#be1e2d;
    font-family: athelas, serif;
    background-color: black;
    font-size:26px;
    border: 2px solid black;
    border-radius: 25px;
    padding:24px;
    display:inline-block;
    text-decoration: none;
    }

    .instagram {
      float:left;
      padding: 2px;
    }

    .twitter {
      float:left;
      padding: 2px;
    }

    .handle {
        float: left;
        color: #be1e2d;
    }

    .phonenumber {
        float:right;
        color: #be1e2d;
    }