/*
** © 2021 SIDUGEC Software Technology Co and Keith A Ujvary   **
**                 Oliver BC - CANADA                         **
**                 ALL RIGHTS RESERVED.                       ** 
*/
/* 
    Created on : 8-May-2021, 1:46:27 PM
    Author     : Keith
*/

@media only screen and (min-width: 481px) {
    body{
        height:1100px;
        width:90%;
        min-width:1100px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c3c3f+1,6f6f72+48,444448+99 */
        background: #3c3c3f; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  #3c3c3f 1%, #6f6f72 48%, #444448 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  #3c3c3f 1%,#6f6f72 48%,#444448 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  #3c3c3f 1%,#6f6f72 48%,#444448 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3f', endColorstr='#444448',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

        margin:auto;
        font-family: times new roman;
        text-align:center;
    }
    
    #leftdivmobile{
        display:none;
    }

    header{
        width:95%;
        max-width:1000px;
        height:135px;
        border:white 12px ridge;
        background-image: url("Images/BrassHead.jpg" );
        background-size:100%;
        text-align: center;
        vertical-align: middle;
        padding:0px;
        margin:auto;
    }

    h1{
        color:#FF6631;
        text-shadow: 3px 3px #440000;
        font-size: 5.2rem;
        margin-top:0px;
        margin-bottom:0px;

    }
    h2{
        color: black;
        text-shadow: 1px 1px white;
        margin-top:3px;
        background-color: transparent;
        width:57%;
        margin:auto; 
        font-size:2.2rem;
    }
    h3{
        color:ivory;
        text-shadow: 1px 1px black;
        font-weight:lighter;
        font-style:italic;
        background-color:#444448;
        font-size:1.3rem;
        margin:0;
        border-bottom: solid 3px ivory;
        width:100%;
            height:3rem;
            padding-top:1rem;
    }

    .content{
        max-width:1100px;
        margin:auto; 
    }

    #copyright{
        margin-top:2rem; 
        background-color: black;
        color:ivory;
        text-align:center;
        font-style:italic;
        font-size:.8rem;
    }

    .blurb{
        color:ivory;
        font-size:.8rem;
        line-height: .75rem;
        font-weight:100;
        font-style:italic;
    }

    .headerimage{
        width:90%;
        text-align: center;  
        margin:8px;
    }



    #topdiv{
        width:92%;
        margin:auto;
        margin-top:5px;
        background-color: #444448;
    }
    #leftdiv{
        width:18%;
        float:left;
        background-color: #444448;
        margin-left:5px;
        padding: 3px;
        border:3px ridge coral;
        color:ivory;
        font-size:1.1rem;
        font-style: italic;
        min-height:550px;

    }
    .hours{
        font-size:1.1rem;
    }

    #contact{
        color:ivory;
        line-height: 1.7rem;
        font-weight:400;
        font-size: 1.5rem;
        margin-bottom: 20px;
        margin-top: 20px;
        letter-spacing: 1 px;
        font-style:normal;

    }
    #contact #fblink img{
        width:25%; 
        margin-top:35px; 
        border: outset  gray 5px;
        border-radius: 10px;
    }

    #contact #fblink{
        color:ivory;
        text-decoration: none;
        font-size:.9rem;
        font-style:italic;
        letter-spacing: normal;
        line-height: .8rem; 
    }

    #contact a{
        color:ivory;
        font-size:1.6rem;
        font-style:italic;
        letter-spacing: normal;
        line-height: .8rem;
         
    }

    #rightdiv{
        width:80%;
        float:left;
        min-height:500px;

    }

    #rightdiv #gallery{
        width:20%;
        float:left;
        margin-left:10px;
        min-height:500px; 
        margin-top:5px;
    }

    #rightdiv #gallery img{
        height:6.3rem;
        border:black solid 2px;
        margin-top:8px; 
        margin-bottom:0px;
    }
    #rightdiv #fullimage{
        width:75%;
        text-align: center; 
        border: coral 5px ridge;
        float:right; 
        vertical-align: middle;
        margin-top:15px;
    } 

    #rightdiv #fullimage img{
        width:100%;
        vertical-align: middle;
    }
 

    #footer{
        clear:both;
        color:ivory;
        padding-top:10px;
        width:99%;
        margin:auto;
        max-width:900px;
        font-size:1.1rem;
        line-height: 1.2rem;
        text-shadow:1px 1px black; 

    }
    .emphasis{
        font-size:1.4rem;
        color:white;
        text-shadow:2px 2px black;
    }
}