@charset "utf-8";
a:link {
  color: dimgray;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
    color: orangered;
    background-color: transparent;
    text-decoration: none;
    text-align: right;
    font-weight: bold;
}


nav {
    padding-right: 00px;
    float: left;
    clear: both;
}

	
body {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    text-align: center;
}

ul {
  list-style-type: none;

  padding: 0;
  overflow: hidden;
}

li {
    float: left;
    text-align: left;
}

li a {
/*  display: inline-block; */
/*  display: none; */
  color: grey;
  text-align: center;
  padding: 0px 12px;
  text-decoration: none;
}

li a:hover {
    /* [disabled]background-color: orange; */
    -ms-text-underline-position: below;
	color: orangered;
}







.active {
    color: orangered;
}

.navbox{
    height: 200%;
    background-color: white;
    background-image: image();
    background-size: cover;
    text-align: center;
}


.textbox{
    height: 200%;
    /* background-color: ;*/
    background-image: image();
    background-size: cover;
    margin: 1%;
    padding-top: 0px;
    float: none;
    clear: both;
    text-align: right;
    font-weight: bold;
}

h1 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #FF0004;
    font-size: 20px;
    padding-top: 10px;
    padding-left: 10px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.bodytext {
    color: #666666;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: normal;
    text-align: left;
	
}


.lefttext {
    color: #666666;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: normal;
	
}



.centreimage {
    padding-top: 0px;
    /*width: 60%;*/
	text-align:center;
	margin-left: auto;
  	margin-right: auto;
  	display: block;
}

#over logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.flexboxparent {
    display: flex;
}

.flexboxchild {
    width: 60%;
    margin: auto; 
}


.foottext {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    color: #666666;
    font-size: 12px;
    padding-top: 10px;
    padding-left: 10px;
    text-align: right;
    font-style: italic;
    clear: both;
}

.icons{
    width: 50px;
    float: none;
    text-align: center;
    clear: none;
    display: inline;

}
	
.column img{
	width: 100%;
	/*height: auto;*/
	/*display: block;*/
}

.column{
    width: 32%;
    float: left;
    margin: 0.5%;
    text-align: left;
}

.playbutton{
    clear: both;
    float: left;
	width: 10%;
}

.h2{
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	float: none;
    /*color:;*/
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    color: #dimgrey;
	/*color: orangered;*/
}

.imgs-law img{
	width: 100%;
	height: auto;
	display: block;
}

.imgs-law{
	
	width: 12%;
	float:left;
	margin: 0.2%;
	text-align: center;
}


.banner {
	height: 200px;
	background-image: url("images/iray2_0000.jpg");
	background-size: cover;
	margin: 1%;
}




/* ****************TABLET**************** */	
	@media(max-width:1024px){
	bodytext {
	text-align: left;
	font-size: 18px;
	padding-left: 0px;
		
}
		
	.column{
	margin: 1%;
	width: 40%;
	float: left;
}
		
	.imgs-law{
	margin: 0.2%;
	width: 12%;
	float: left;
}

nav ul li {
font-size:18px;
	display:inline;
		float:none;
}	
		
.flexboxparent {
    display: flex;
    height: 50%; 
}

.flexboxchild {
    width: 70%;
    margin: auto; 
}

		
			
.h2{
    text-align: left;
    font-size: 20px;
    float: left;
    /*color: #575757;*/
	color: orangered;
}

.logo {
    padding-top: 0px;
    width: 60%;
		}

}	


/* ****************PHONE**************** */	
	@media (max-width:800px){
	
	bodytext {
	text-align: left;
	font-size: 18px;
	padding-left: 0px;
	margin: 5%;	
}	
		
	
	h1 {
    color: #383838;
    font-size: 20px;
    padding-top: 10px;
    padding-left: 10px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}	
		


.logo {
    padding-top: 0px;
    padding-left: 0px;
    text-align: center;
    width: 90%;
		}
		
	.column{
	
	width: 40%;
	float: left;
}
		
	.imgs-law{
	
	width: 18%;
	float: left;
	margin: 0.2%;
}		
		
nav ul li {

	display:inline-block;
	font-size:15px;
}	
	.h2 {
    /*text-align: left;*/
    font-size: 20px;
    float: left;
    /*color: #575757;*/
	color: orangered;
	}	
nav ul li {
font-size:16px;
}	

.icons{
    width: 10px;
    float: none;
    text-align: center;
    clear: none;
    display: inline;

}
		
.flexboxparent {
    display: flex;
    height: 50%; 
}

.flexboxchild {
    width: 100%;
    margin: auto; 
}



}