body{
        background-color: #c7ddd1;
        margin: 0;
    }

    header{
        background-color: #317d4c;
        color: #c7ddd1;
        text-align: center;
        padding: 15px;
    }
    nav{
        font-family: eixample-villa, sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: center;
    }
   nav a:hover{
    background-color: #317d4c;
    color: #c7ddd1;
    }
    #active-button{
        border: #317d4c solid 2px;
        background-color: #a6ccb7;
        text-decoration: none;
    }
    a{
        text-decoration: underline;
        color: #317d4c;
        padding: 5px 15px;
    }
   .SODAC{
        font-size: 1.5em;
   }
    h1{
        font-family: eixample-villa, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 2em;
    }
    main{
        font-family: avenir-lt-pro, sans-serif;
        font-weight: 300;
        font-style: normal; 
        color: #002c10;
    }
    h2{
        font-family: eixample-villa, sans-serif;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        color: #317d4c;
        padding-top: 80px;
        padding-bottom: 20px;
    }
    .bigimg{
        width: 534px;
        height: 534px;
        float: left;
        display: block;
        padding: 100px;
        
    }
    .intro{
        padding: 100px;
        font-size: larger;
        
    }
    .tour{
        background-color: #317d4c;
        color: #c7ddd1;
        padding: 15px;
        width: 100%;
    }

    article{
        overflow: auto;
    }

   .three-images{

        text-align: center;

    }

    p{
        font-size: 1.2em;
    }

    .three-images img{

        box-sizing: border-box;

        width: calc(33% - 80px);

        margin: 40px;

        max-width: 320px;

         border:#317d4c solid 2px

    }
      .four-images{
        text-align: center;
    }
    .four-images img{
        box-sizing: border-box;

        width: calc(20% - 80px);

        margin: 35px;

        max-width: 300px;

        border:#317d4c solid 2px

    }

    .centered-text{
        width: 800px;
        margin: auto;
    }

    .object-img{ 
        width: 500px;
        display: block;
        margin: auto;
        margin-bottom: 40px;
        border:#317d4c solid 2px
    }
   /* .moniter-img{
        width: 700px;
        display: block;
        margin: auto;
        margin-bottom: 40px;
    }

    .key-img{
        width: 700px;
        display: block;
        margin: auto;
        margin-bottom: 40px;
    }

    .mouse-img{
        width: 700px;
        display: block;
        margin: auto;
        margin-bottom: 40px;
    } */