/*
    .flxtest {  display:flex; flex-direction:row; background:green; }
    .flx1 { background:red; padding:100px; flex:1 1 100%; color:#fff; }
    
  */



@media screen and (min-width:1000px) {

    /*

    .flxtest {  display:flex; flex-direction:column;  flex-wrap: wrap;  }
    .flx1 { background:blue; padding:100px; flex:1 1 100%; margin:0; }
    
     */

    .projbx { display:flex; flex-direction:row; }
    .projbxtx { background:rgba(199,199,199,1);  padding:60px; flex:1 1 55%; order:0;  }
    .projbxim { flex:1 1 45%; padding:0; }


    .txr { text-align: right; }

    .prjtxr { width:75%; margin:0 0 0 auto; text-align:right; }
    .prjtxl { width:75%; margin:0 auto 0 0; text-align:left; }

                .infqotel { padding:30px 0; font-family:'New York', sans-serif; font-size:0.9em; font-style: italic; letter-spacing:1px; line-height:1.6em; color:#000; position: relative; width:75%; margin:0 0 0 auto; }
               
                    .infqotel:before {
                        content: "";
                        position: absolute;
                        width: 40%;
                        height: 1px;
                        bottom: 0;
                        right: 0;
                        border-bottom: 1px solid #9d9d9d;
                    }

                 .infqoter { padding:30px 0; font-family:'New York', sans-serif; font-size:0.9em; font-style: italic; letter-spacing:1px; line-height:1.6em; color:#000; position: relative; width:75%; margin:0 auto 0 0; }
               
                    .infqoter:before {
                        content: "";
                        position: absolute;
                        width: 40%;
                        height: 1px;
                        bottom: 0;
                        left: 0;
                        border-bottom: 1px solid #9d9d9d;
                    }     
                    

            .fsub1 { flex-direction:row;  }
                
}




@media screen and (min-width:800px) {

    .quartbadge { width: calc(100% / 6); padding:1%; }   
    .sixbadge { width: calc(100% / 7); padding:2%; }     
    

         .ftlft { display:inline-block; width:60%; vertical-align:top; padding:0 40px 0 0; }
         .ftcnt { display:inline-block; width:40%; vertical-align:top; padding:0 0 0 40px; }


            .whbar { padding: 40px 20px; }
            .grbar { padding: 60px 0; }


            article.cls {
            padding: 0;
            -webkit-column-count: 2; /* Chrome, Safari, Opera */
            -moz-column-count: 2; /* Firefox */
            column-count: 2;
 
            line-height:1.4em;
            font-size:1.1em;
        }
            

                   h1 { font-size:1.4em; }
 


    }





@media screen and (min-width:560px) { 

    .txout { display:inline-block; }
    .con { padding:0 10px 0 0; border-right:1px solid #cdcdcd; }

    .fa-envelope-open, .fa-phone-square { font-size:0.9em; padding:0 10px 0 0; margin:0 0 4px 0;   }

    .lgid { width:60px; }
    .lgtx { width:132px;}

    .tel { padding:45px 0 0 0; }


    .hero1 { font-size:1.8em; letter-spacing:3px; }

    .herobx { height:440px; }


    }





@media only screen and (max-width: 1000px)
{
	.innerdiv
	{
		transform: scale(0.7);
	}
}
@media only screen and (max-width: 800px)
{
	.innerdiv
	{
		transform: scale(0.6);
	}
}
@media only screen and (max-width: 600px)
{
	.div1 {
		background-position-x: 10rem;
	}
	.innerdiv
	{
		display: flex; 
		flex-direction: column;
		transform: scale(1);
		margin: 2rem;
		margin-bottom: 5rem;
	}
	.attribution
	{
		position: relative;
	}
}