* {
    box-sizing: border-box;
}


body {
    font-family: "Roboto", Arial, Sans-Serif;
    margin: 0;
}

/*******************************************************************/

h1 {
    color: white;
}



/*******************************************************************/

/* Padded boxes test */

/* container */
.padded-boxes {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
    margin-top: 20px;
}

/* boxes */
.padded-boxes > * {
    width:100%;
    background:#eee;
    border-radius:.4rem;
}

/* headings */
.padded-boxes .heading {
    background:#2652cc;
    margin:0;
    padding:1rem;
    border-top-left-radius:.4rem;
    border-top-right-radius:.4rem;
}

/* padded content */
.padded-boxes .padded {
    //padding:.1rem 1rem;
    color: #111177;
    font-size: 19px;
    padding: 10px;
}

/*******************************************************************/

.column {
  float: left;
  //padding: 10px;
  //min-height: 285px;
  height: fit-content;

}

.left, .right {
  width: 25%;
  background: white;
  min-height: 1px;
}

.middle {
  width: 50%;
  //max-width: 800px;
}

/* Clear floats after the columns */
.row:after {
 content: "";
 display: table;
  clear: both;
}

/********************************************************/


.navleft, .navright {
  width: 25%;
  background: blue;
  min-height: 1px;
}

.navmiddle {
  width: 50%;
  min-height: 200px;
  //max-width: 800px;
  margin-left: auto;
margin-right: auto;
  
}

.navbar_2 {
	  background-color: #eee;
	  overflow: hidden;
	 width: 520px;
	  margin: auto;
	  margin-top:10px;
	  margin-bottom:10px;
	  padding-top: 10px;
	  padding-right: 12px;
        padding-bottom: 12px;
        padding-left: 10px;
	}

	/* Style the navigation bar links */
	.navbar_2 a {
	  float: none;
	  color: #2652cc;
	  text-align: center;
	  //padding: 14px 16px;
	  padding-left: 30px;
	  padding-right: 30px;
	  text-decoration: none;
	  font-size: 17px;
	 
	}

/* Change color on hover */
.navbar_2 a:hover {
  background-color: #ddd;
  color: #green;
}

/***************************************************************/
/********* A-Z price guide navbar ******************************/

.navbar_3 {
	  background-color: #eee;
	  overflow: hidden;
	 width: 290px;
	  margin: auto;
	  margin-top:1px;
	  margin-bottom:10px;
	  padding-top: 10px;
	  padding-right: 12px;
        padding-bottom: 12px;
        padding-left: 10px;
	}

	/* Style the navigation bar links */
	.navbar_3 a {
	  float: none;
	  color: #2652cc;
	  text-align: center;
	  //padding: 14px 16px;
	  padding-left: 10px;
	  padding-right: 10px;
	  text-decoration: none;
	  font-size: 17px;
	 
	}

/* Change color on hover */
.navbar_3 a:hover {
  background-color: #ddd;
  color: #green;
}



/********** Needs updating ************/
.navbar .linkselected {
    color: white;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
  background-color: #b4c6e7;
}







/*******************************************************************/

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
}


/****************************************************************/

/* Change color on hover */
.body a:hover {
//  color: #3365dd;
color: #114411;
background-color: #ddd;
}

/****************************************************************/

.row-gap-white {  
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 10px;
  background: #fff;
}

.row-gap-grey {  
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 10px;
    background: #ddd;
}

/****************************************************************/

.row-text-a {
    color: #111177;
    //margin-left: auto;
    //margin-right: auto;
    //margin-top: 10px;
    //margin-bottom: 20px;
    font-size: 19px;
    padding: 10px;

}

/****************************************************************/



/**********************************************************************/
/************************* New CSS from here **************************/
/**********************************************************************/


.headline-1 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: #203764;
}

.headline-2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6;
    color: #8497b0;
}

/*******************************************************************/

.header {
  //padding: 15px;
  padding: 10px;
  text-align: center;
  // New bit
  position: sticky;
  top: 0;
  z-index: 999;
  background: #b4c6e7;
  //color: #203764;
  //color: pink;
}

.header-text {
    color: #203764;
}

/*******************************************************************/

.form {
    font-color: orange;
    background: pink;
}

.footer_text {
    font-size: 14;
}

.quiet_link {
    background-color: #fff; 
    a:hover {
  background-color: #0f0;
  color: #fff;

}
}