@charset "UTF-8";
/***** THE GOLDEN LANDING TEMPLATE - MOBILE ***/
/* Author: 9o9Designs 
/* Version: 1.0  
/* Release Date: March 1, 2025
/*************************************/

@media only screen and (min-width:0px) and (max-width:1024px){
    html{
	    overflow-x:hidden;
    }
    body{
	    overflow-x:hidden;
	    width:100vw;
    }
    main{
	    width:100%;
    }
    header{
        width:100%;
	    height:75px;
	    margin:0px;
	    padding:0px;
	    text-align:center;
	    background:#fff;
    }
    .logo img{
        width:75px;
        height:75px;
        margin-left:auto;
        margin-right:auto;
    }
    #golden-container{
        width:100%;
        height:750px;
    }
    .golden-row-container{
        width:380px;
        margin-left:auto;
        margin-right:auto;
        padding:0px;
    }
    /**** row 1 ***/
    #box1{
	    width:350px;
	    height:200px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-top:10px;
	    margin-left:auto;
	    margin-right:auto;
	    background:url('/assets/images/image1.webp') 0 0 no-repeat;
	    background-size:cover;
    }
    #box1 p{
	    text-align:center;
	    vertical-align:middle;
    }
    /*** row 2 ***/
    #box2{
	    width:105px;
	    height:105px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-top:16px;
	    float:left;
	    background:url('/assets/images/image2.webp') 0 0 no-repeat;
	    background-size:105px 105px;
    }
    #box2 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box3{
	    width:228px;
	    height:105px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
        margin-left:16px;
        margin-top:16px;
        background:url('/assets/images/image3.webp') 0 0 no-repeat;
	    background-size:228px 105px;
    }
    #box3 p{
	    text-align:center;
	    vertical-align:middle;
    }
    /*** row 3 ***/
    #box4{
	    width:105px;
	    height:105px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-top:16px;
	    background:url('/assets/images/image4.webp') 0 0 no-repeat;
	    background-size:105px 105px;
    }
    #box4 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box5{
	    width:105px;
	    height:105px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-left:16px;
	    margin-top:16px;
	    background:url('/assets/images/image5.webp') 0 0 no-repeat;
	    background-size:105px 105px;
    }
    #box5 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box6{
	    width:105px;
	    height:105px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-left:16px;
	    margin-top:16px;
	    background:url('/assets/images/image6.webp') 0 0 no-repeat;
	    background-size:105px 105px;
    }
    #box6 p{
	    text-align:center;
	    vertical-align:middle;
    }
/*** row 4 ***/
    #box7{
	    width:228px;
	    height:105px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-top:16px;
	    background:url('/assets/images/image7.webp') 0 0 no-repeat;
	    background-size:228px 105px;
    }
    #box7 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box8{
	    width:105px;
	    height:105px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-left:16px;
	    margin-top:16px;
	    background:url('/assets/images/image8.webp') 0 0 no-repeat;
	    background-size:105px 105px;
    }
    #box8 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box9{
	    width:350px;
	    height:100px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-top:16px;
	    margin-left:auto;
	    margin-right:auto;
	    background:url('/assets/images/image9.webp') 0 0 no-repeat;
	    background-size:cover;
    }
    #box9 p{
	    text-align:center;
	    vertical-align:middle;
    }
    footer a{
        text-decoration:none;
    }
    .nine{
        font-family:"Oxygen", sans-serif;
    }
    #copyright{
	    font-family:"Oxygen", Sans-serif;
	    font-size:.9em;
	    text-align:center;	
    }
 /*** CUSTOM CSS BEGIN HERE ***/
  #box3 .content{
        width:60%;
        float:left;
    }
    #box7 .content{
        width:60%;
        float:right;
    }
    h2{
      font-family:"Abril Fatface", serif;
      font-size:.9em;
      font-style: normal;
      color:#555;
      text-align:center;
      padding-top:5px;
    }
    p{
      color:#555;
      text-align:center;
      font-size:.7em;
   }
   .content a{
      text-decoration:none;
      color:#4d6032;
   }
   .content a:hover{
      text-decoration:none;
      color:#c14811;
   }
    
}/* end mobile media query */