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

@media only screen and (min-width:1025px){
    html{
	    width:100vw;
	    overflow-x:hidden;
    }
    body{
	    overflow-x:hidden;
	    width:100vw;
    }
    main{
	    width:100%;
    }
    header{
	    height:100px;
	    background:#fff;
    }
    .logo{
        text-align:center;
    }
    .logo img{
        width:100px;
        height:100px;
        margin-left:auto;
        margin-right:auto;
    }
    #golden-container{
        width:100%;
        height:1750px;
    }
    .golden-row-container{
        width:1000px;
        margin-left:auto;
        margin-right:auto;
    }
    /**** row 1 ***/
    #box1{
	    width:950px;
	    height:400px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-top:20px;
	    margin-left:auto;
	    margin-right:auto;
	    background:url('/assets/images/image1.webp') 0 0 no-repeat;
	    background-size:1000px 400px;
	    
    }
    #box1 p{
	    text-align:center;
	    vertical-align:middle;
    }
    /*** row 2 ***/
    #box2{
	    width:300px;
	    height:300px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-top:25px;
	    margin-left:1%;
	    background:url('/assets/images/image2.webp') 0 0 no-repeat;
	    background-size:300px 300px;
    }
    #box2 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box3{
	    width:625px;
	    height:300px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
        margin-left:25px;
        margin-top:25px;
        background:url('/assets/images/image3.webp') 0 0 no-repeat;
	    background-size:650px 300px;
    }
    #box3 p{
	    text-align:center;
	    vertical-align:middle;
    }
    /*** row 3 ***/
    #box4{
	    width:300px;
	    height:300px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-top:25px;
	    margin-left:1%;
	    background:url('/assets/images/image4.webp') 0 0 no-repeat;
	    background-size:300px 300px;
    }
    #box4 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box5{
	    width:300px;
	    height:300px;
	    border:1px solid #000;
	    border-radius:15px;
	    float:left;
	    margin-left:25px;
	    margin-top:25px;
	    background:url('/assets/images/image5.webp') 0 0 no-repeat;
	    background-size:300px 300px;
    }
    #box5 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box6{
	    width:300px;
	    height:300px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-left:25px;
	    margin-top:25px;
	    float:left;
	    background:url('/assets/images/image6.webp') 0 0 no-repeat;
	    background-size:300px 300px;
    }
    #box6 p{
	    text-align:center;
	    vertical-align:middle;
    }
/*** row 4 ***/
    #box7{
	    width:625px;
	    height:300px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-top:25px;
	    margin-left:1%;
	    float:left;
	    background:url('/assets/images/image7.webp') 0 0 no-repeat;
	    background-size:650px 300px;
    }
    #box7 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box8{
	    width:300px;
	    height:300px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-left:25px;
	    margin-top:25px;
	    float:left;
	    background:url('/assets/images/image8.webp') 0 0 no-repeat;
	    background-size:300px 300px;
    }
    #box8 p{
	    text-align:center;
	    vertical-align:middle;
    }
    #box9{
	    width:950px;
	    height:200px;
	    border:1px solid #000;
	    border-radius:15px;
	    margin-top:25px;
	    margin-left:auto;
	    margin-right:auto;
	    background:url('/assets/images/image9.webp') 0 0 no-repeat;
	    background-size:1000px 200px;
    }
    #box9 p{
	    text-align:center;
	    vertical-align:middle;
    }
    footer a{
        text-decoration:none;
    }
    #copyright{
	    font-family:"Oxygen", Sans-serif;
	    font-size:.9em;
	    text-align:center;	
    }
    
 /*** CUSTOM CSS BEGIN HERE ***/
   #box3 .content{
        width:50%;
        float:left;
    }
    #box7 .content{
        width:50%;
        float:right;
    }
    h2{
      font-family: "Abril Fatface", serif;
      font-size:2em;
      font-style: normal;
      color:#555;
      text-align:center;
      padding-top:25px;
    }
    p{
      color:#555;
      text-align:center;
   }
   .content a{
      text-decoration:none;
      color:#4d6032;
   }
   .content a:hover{
      text-decoration:none;
      color:#c14811;
   }
    
}/* end desktop portrait media query */