/* LAYOUT STYLES */

* {
  box-sizing: border-box;
}

[class*="col-"] {
  float: left;
  width: 100%;
  min-height: 255px;
/*   padding 1em; /*15px*/
}

[class*="tab-"] {width: 90%}

@media only screen and (max-width: 649px) {
.header-n {
    font-family: Arial Rounded MT Bold, Arial, Helvetica;
    margin:12px 19px 0px 19px; /* t r b l */
    padding:4px 16px;
    border:none;
    background: rgb(022,062,100); /*H1BackColour*/
    color: rgb(166,202,236); /*H1ForeColour - this is orange */
	max-height: 64px;
  }
	
.header-n h1 { 
    /* margin:0; */
    /* padding:0; */
    /* font-size:1.5em; */ 
    /* font-size: 1.2em; */
    /* white-space: nowrap;
    overflow: hidden; */
  }
}

.NEWS-n {
	width: 350px;
	margin: 16px;
	margin-top: 16px;
	padding: 0px;
	border-width:  6px;
	border-style: solid;
	border-Color: RGB(150,022,022); /*H1BackColour*/
}

/* For mobile phones 
[class*="col-"] {
/*   width: 100%;
} */

@media only screen and (min-width: 650px) {
/* For tablets: */
  .col-s-1 {width: 100%;}
  .col-s-2 {width: 100%;}
  .col-s-3 {width: 40%;}
  .tab-650 {width: 90%;}

  .header-s {
    font-family: Arial Rounded MT Bold, Arial, Helvetica;
    margin:12px 19px 0px 19px; /* t r b l */
    padding:4px 16px;
    border:none;
    background: rgb(022,062,100); /*H1BackColour*/
    color: rgb(166,202,236); /*H1ForeColour*/
  }		

  .header-s h1 { 
    /* margin:0;  */
    /* padding:0; */
    /* font-size:1.5em; */ 
    /* font-size: 1.2em; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
  } 
.NEWS-s {
	width: 50%;
	margin: 16px;
	margin-top: 16px;
	padding: 0px;
	border-width:  6px;
	border-style: solid;
	border-Color: RGB(150,022,022); /*H1BackColour*/
}

@media only screen and (min-width: 1000px) {
/* For desktop: */
  .col-1 {width: 22%;}
  .col-2 {width: 51%;} 
  .col-3 {width: 27%;}
  .tab-1000 {width: 100%; max-width: 800px;}

  .header {
    font-family: Arial Rounded MT Bold, Arial, Helvetica;
    margin:12px 19px 0px 19px; /* t r b l */
    padding:4px 16px;
    border:none;
    background: rgb(022,062,100); /*H1BackColour*/
    color: rgb(166,202,236); /*H1ForeColour - 255,128,051 this is orange */
  }		

  .header h1 { 
    /* margin:0; */
    /* padding:0; */
    /* font-size:1.5em; */ 
    /* font-size: 1.2em; */
    white-space: nowrap;
    overflow: hidden;
  } 
.NEWS {
	width: 50%;
	margin: 16px;
	margin-top: 16px;
	padding: 0px;
	border-width:  6px;
	border-style: solid;
	border-Color: RGB(150,022,022); /*H1BackColour*/
}

@media only screen and (min-width: 1200px) {
/* For wide desktop: */
  .col-w-1 {width: 18%;}
  .col-w-2 {width: 58%;}
  .col-w-3 {width: 24%;}
  .tab-1200 {width: 100%; max-width: 800px;}

  .header-w {
    font-family: Arial Rounded MT Bold, Arial, Helvetica;
    margin:12px 19px 0px 19px; /* t r b l */
    padding:4px 16px;
    border:none;
    background: rgb(022,062,100); /*H1BackColour*/
    color: rgb(166,202,236); /*H1ForeColour*/
  }		

  .header-w h1 { 
    /* margin:0; */
    /* padding:0; */
    /* font-size:1.5em; */ 
    /* font-size: 1.2em; */
    white-space: nowrap;
    overflow: hidden;
  } 
.NEWS-w {
	width: 50%;
	margin: 16px;
	margin-top: 16px;
	padding: 0px;
	border-width:  6px;
	border-style: solid;
	border-Color: RGB(150,022,022); /*H1BackColour*/
}