body{
	margin:0px;
	font-family: 'Fira Sans', sans-serif;
}

#menu{
    position:absolute;
    left:0px;
    top:0px;
    width:0px;
    overflow:hidden;
    background-color:#BD5A18;
    display:inline-block;
    z-index:1500;
}

#menu ul{
    margin-top:3%;
    margin-left:10%;
    color:#FFFFFF;
    font-size:1.5em;
    list-style-type: none;

}
#menu ul li{
    line-height: 1.5em;
    text-decoration:none;
}
#menu ul li:first-child{
    margin-bottom:5%;
    font-weight:bold;
    font-size:1.6em;
}
#menu ul li a{
    color:#FFFFFF;
    text-decoration:none;

}
#menu ul li a:hover{
    color:#CCC;
    text-decoration:none;
}
#menu ul li a:visited{
    color:#ffffff;
    text-decoration:none;
}
#bl{
    position:absolute;
    left:0px;
    top:0px;
    width:90%;
    text-align:right;
    font-size:20px;
    font-weight:bold;
    display:inline;
    z-index:1500;
}
#sitename{
    width:90%;
    border:none;
    margin-left:5%;

    color:#000;
    margin-top:5px;
}
#sitename span:first-child{
    float:left;
    font-size: 2.2em;
}
#js-rotating{
    float:right;
    margin-right:60px;
    margin-top:15px;
}
#js-rotating img{
    width: 40px;
    cursor:pointer;
}
#closemenu{
    float:right;
    margin-right:10%;
    margin-top:50px;
    color:#FFFFFF;
    font-size:1em;
}

.container-fluid{
    position:absolute;
    top:0px;
    left:0px;
    margin:auto;
    padding:0px;

}

.container{
    max-width:100%;
    text-align:center;

    margin:0px;
    padding:0px;
}
#content{
    font-size: 2.0em;
    line-height:1.6em;
    color:#999;
    font-weight:200;
    padding-left:5%;
    text-align:left;
    padding-bottom: 30px;
}

.content p{

    text-align:left;
    width:90%;
    margin-top:0em;

    padding-left:0%;

}
.content span{
    line-height:1.5em;
    font-weight:bold;
}
.content span:nth-child(1){
    font-size: 1.8em;
    color:#000;
}
.content span:nth-child(2){
    font-size: 1.8em;
    color:#999;
}
.content span:nth-child(3){
    font-size: 1.8em;
    color:#000;
    line-height:.6em;
}

.sitespace{

    margin:auto;
    background-color:#fff;
    width:100%;
    height:70px;
}
.imgheader{

    margin:0px;
    background-image: url('../images/Insideout_Architects_P+E_TjatitjarraBurningstrip.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:290px;
    width:100%;
}


.imgcontent:hover, .imgcontent.silver {
    background-color: #ccc;
}

.imgcontent{
    display:inline-block;
    padding:.5em;
}

.imgcontent img{


}

.imgcontent p{
    text-align:left;
    font-size:1.5em;
    width:95%;

    /*margin-left:1em;*/
    color:#999999;
}
.imgcontent span{
    padding-bottom: .5em;
    color:#999999;
}



.footer{
    text-align:left;
	background-color:#fff;
	width:100%;
			
}
#footermenu{
color:#999999;
width:100%;
float:left;


}
#footermenu  p:last-child {
padding-right:2em;

}
.lowermenu{
margin-left:0em;
color:#999999;
font-size:20px;


}
#footermenu p:last-child {
/*margin-left:4em;*/
}
#footermenu p span{
font-size:1.8em;
padding-right:1em;
font-weight:bold;

}
#footermenu p a{
text-decoration:none;
color:#999999;
font-size:20px;
padding-right:1em;

}
#footermenu p a:nth-child(8){
margin-right:14%;
}
.lowermenu li a{
text-decoration:none;
color:#999999;
}
.lowermenu li a:hover{
color:#CCCCCC;

}

.footer hr{
width:100%;
margin-bottom:40px;

}
.footer p{
margin-left:80px;

}
#footermenu p:last-child a{
float:right;
padding-right:4%;
font-size:1em;
}


@media only screen and (max-width: 1640px) {

    #menu ul {
        margin-top: 3%;
        margin-left: 2%;
        color: #FFFFFF;
        font-size: 1.2em;
        list-style-type: none;

    }

    #menu ul li {
        line-height: 1.2em;
        text-decoration: none;
    }

    #menu ul li:first-child {
        margin-bottom: 5%;
        font-weight: bold;
        font-size: 1.3em;
    }

    #menu ul li a {
        color: #FFFFFF;
        text-decoration: none;

    }

    #menu ul li a:hover {
        color: #CCC;
        text-decoration: none;
    }

    #menu ul li a:visited {
        color: #ffffff;
        text-decoration: none;
    }

    #bl {
        display: inline-block;
    }

    #sitename {
        width: 100%;
        border: none;
        margin-left: 0px;
        font-size: 1.6em;
        color:#000000;
        padding-top: 0px;
        display: inline-block;
		height:30px;

    }

    #sitename span:first-child {
        float: left;
        font-size: 1.3em;
        padding-left: 5%;
        padding-top: 0px;
    }

    #js-rotating {
        float: right;
        /*margin-right:2px;*/
        padding-left: 0px;
        margin-top: 0px;
    }

    #js-rotating img {
        width: 30px;
        cursor: pointer;
    }
	.imgheader{
	height:230px;
	}

    .container {
        padding: 0px;
        margin: 0px;
    }

    .container-fluid {
        padding: 0px;
        margin: 0px;
    }

    .content p{

        text-align:left;

        margin-top:0em;

        padding-left:8%;
        padding-right:5%;
    }
    .content span{
        line-height:1.5em;
        font-weight:bold;
    }
    .content span:nth-child(1){
        font-size: 1.8em;
        color:#000;
    }
    .content span:nth-child(2){
        font-size: 1.8em;
        color:#999;
    }
    .content span:nth-child(3){
        font-size: 1.8em;
        color:#000;
        line-height:.6em;
    }

    .imgcontent {
        width: 45vw;
        margin-bottom: 30px;
    }

    .imgcontent img:first-child {
        width: 100%;
        height: 100%;

    }

    .rule {
        width: 100%;
        color: #969696;
        margin-top: .8em;
        margin-bottom: .8em;
        margin-left: 0px;
    }

    .imgcontent span {

        font-size: 1.5em;
    }

    .footer{
    
	padding:px;
	width:100vw;
	margin:auto		
}
#footermenu p{
    width:90%;

    margin:5px;
	font-size:1em;
	text-align:left;
}
#footermenu p a{
font-size:1em;
text-align:center;
}

}

    @media only screen and (max-width: 1024px) {
     .content {
            font-size: .9em;
            width: 100%;
            
			padding-left: 0px;
            margin: 0px;
			margin-left: 0px;
            text-align: center;
            margin-bottom: 0px;
			line-height:1.1em;
			
            text-align:left;
            padding-bottom: 30px;
        }

        .content p:first-child {
            width: 100%;
           /* margin: auto;*/
           font-size: 1em;
        }
		.content span {
               
           font-size: 1em;
        }

}
    @media only screen and (max-width: 800px) {
        #menu ul {
            margin-top: 3%;
            margin-left: 2%;
            color: #FFFFFF;
            font-size: 1.2em;
            list-style-type: none;

        }

        #menu ul li {
            line-height: 1.2em;
            text-decoration: none;
        }

        #menu ul li:first-child {
            margin-bottom: 5%;
            font-weight: bold;
            font-size: 1.3em;
        }

        #menu ul li a {
            color: #FFFFFF;
            text-decoration: none;

        }

        #menu ul li a:hover {
            color: #CCC;
            text-decoration: none;
        }

        #menu ul li a:visited {
            color: #ffffff;
            text-decoration: none;
        }


        #bl {
            display: inline-block;
			
        }

        #sitename {
            width: 100%;
			
            border: none;
            margin-left: 0px;
            font-size: 1.3em;
            margin-top:0px;
            padding-top: 0px;
            display: inline-block;
            color:#000000;
        }

        #sitename span:first-child {
            float: left;
            font-size: 1.3em;
            padding-left: 35px;
            padding-top: 0px;
        }

        #js-rotating {
            float: right;
            /*margin-right:2px;*/
            padding-left: 0px;
			padding-top:5px;
			margin-right:5px;
            margin-top: 0px;
        }

        #js-rotating img {
            width: 25px;
            cursor: pointer;
        }

        .container {
            padding: 0px;
            margin: 0px;
        }

        .container-fluid {
            padding: 0px;
            margin: 0px;
        }

        .sitespace{
            width:100%;
            height:50px;
        }
        .imgheader{

            margin:auto;
            background-image: url('../images/Insideout_Architects_P+E_TjatitjarraBurningstrip.jpg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height:200px;
            width:100%;
        }

        .content {
            font-size: .8em;
            width: 100%;
            
			padding-left: 0px;
            margin: 0px;
			margin-left: 0px;
            text-align: center;
            margin-bottom: 0px;
			line-height:1.1em;
			
            text-align:left;
            padding-bottom: 30px;
        }

        .content p:first-child {
            width: 100%;
           /* margin: auto;*/
           font-size: 1em;
        }
		.content span {
               
           font-size: 1em;
        }

        .imgcontent {
            width: 100vw;

        }

        .imgcontent img:first-child {
            width: 100%;
            height: 100%;

        }

        .rule {
            width: 100%;
            color: #969696;
            margin-top: .8em;
            margin-bottom: .8em;
            margin-left: 0px;
        }

        .imgcontent span {

            font-size: 1.5em;
        }



        .footer{
    
	padding:px;
	width:100vw;
	margin:auto		
}
#footermenu p{
    width:90%;

    margin:5px;
	font-size:1em;
	text-align:left;
}
#footermenu p a{
font-size:1em;
text-align:center;
}
    }
	
	 @media only screen and (max-width: 500px)  {
	 
	 #sitename{
                width:100%;
                border:none;
                margin-left:0px;
                font-size: 1.3em;
                color:#000000;
                margin-top:0px;
				margin-left:0px;
				padding-left:0px;
                display:inline-block;
				
            }
	 
	 
	 
	 
	 
	 #sitename span:first-child{
                float:left;
                font-size: 1.3em;
                
                margin-top:0px;
				
                color:#000;
            }
		#js-rotating{
                float:right;
                
                padding-left:0px;
                margin-top:0px;
				
			
            }
			
			#js-rotating img{
                width: 25px;
                cursor:pointer;
            }	
			
	 
	 }

        @media only screen and (max-width: 450px)  {



            #menu ul{
                margin-top:3%;
                margin-left:2%;
                color:#FFFFFF;
                font-size:1.2em;
                list-style-type: none;

            }
            #menu ul li{
                line-height: 1.2em;
                text-decoration:none;
            }
            #menu ul li:first-child{
                margin-bottom:5%;
                font-weight:bold;
                font-size:1.3em;
            }
            #menu ul li a{
                color:#FFFFFF;
                text-decoration:none;

            }
            #menu ul li a:hover{
                color:#CCC;
                text-decoration:none;
            }
            #menu ul li a:visited{
                color:#ffffff;
                text-decoration:none;
            }

            #sitename{
                width:100%;
                border:none;
                margin-left:0px;
                font-size: 1.1em;
                color:#000000;
                margin-top:0px;
                display:inline-block;
            }

            #sitename span:first-child{
                float:left;
                font-size: 1.1em;
                padding-left:4px;
                margin-top:0px;
                color:#000;
            }
            #js-rotating{
                float:right;
                /*margin-right:2px;*/
                padding-left:0px;
                margin-top:0px;
				padding-top:2px;
				
            }
            #js-rotating img{
                width: 18px;
                cursor:pointer;
            }



            .container{
                padding: 0px;
                margin:0px;
            }
            .container-fluid{
                padding: 0px;
                margin:0px;
            }

            .sitespace{
               width:100%;
                height:38px;
            }
            .imgheader{

                margin:auto;
                background-image: url('../images/Insideout_Architects_P+E_TjatitjarraBurningstrip.jpg');
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                height:170px;
                width:100%;
            }
            .content{
                font-size:.6em;
                width:95vw;
                line-height:normal;
                padding-top:.5em;
				padding-left:0px;
                padding-bottom:.5em;
                margin-left: 0px;
                text-align:left;
                margin-bottom:0px;
            }
            .content p:first-child{
                width:100%;
                

                font-size:1em;
            }
            .content p:last-child{
                font-size:1em;
                height:.5em;

            }

            .imgcontent{
                width:100vw;

            }
            .imgcontent img:first-child{
                max-width: 100%;
                max-height: 100%;

            }

            .imgcontent  img:last-child{

                max-width: 50px;
                max-height: 50px;
            }


            .rule{
                width:100%;
                color:#969696;
                margin-top:.8em;
                margin-bottom:.8em;
                margin-left:0px;
            }

            .imgcontent span{

                font-size:1.5em;
            }




            .footer{

                /*padding:px;*/
                width:100vw;
                margin:auto
            }
            #footermenu p{
                width:90%;

                margin:5px;
                font-size:1em;
                text-align:left;
            }
            #footermenu p a{
                font-size:1em;
                text-align:center;
            }

        }