/* The main header (title slider)*/

.website_header{

	border-bottom: 2px solid;
	border-color: #7A6263;
	width: 100%;
	background-position: left ; 
	background-repeat: no-repeat;

}
h1 {
	text-align: center;
}

h2 {
	color: var(--colb); 
	width:100%;
	text-align:center;
}
p{
		font-size:26px;
}
.header_title_txt{
	text-shadow:1px 1px black;
	margin: 20px;
}
@media screen and ( min-width: 0 ) {/*-----------------------------------------------*/

.slider {   
height:150px;
}
.website_header{
	background-image: radial-gradient(circle, rgba(255,255,255,1) 95%,var(--cold) 95%,var(--cola) 96%, var(--cola) 96%, var(--cola) 96%); 

}
.wordwrap { 
width:70%;
}
h1 {
	font-size:25px;
}


h2 {

	font-size:18px;
}
p{
	font-size:14px;
}
}
@media screen and ( min-width: 400px ) {/*-----------------------------------------------*/
.slider {   
height:200px;
}
.website_header{
	background-image: url("../images/logo.png"), radial-gradient(circle, rgba(255,255,255,1) 60%,var(--cold) 60%,var(--cola) 61%, var(--cola) 90%, var(--cola) 92%); 
	background-size: 20vw 20vw, contain;
	background-position: 0 100%; 
	
}
h1 {
	font-size:28px;
}


h2 {

	font-size:22px;
}
p{
	font-size:18px;
}
.wordwrap { 
width:50%;
}
}
@media screen and ( min-width: 750px ) {/*-----------------------------------------------*/

.slider {   
height:250px;
}
.website_header{
	background-image: url("../images/logo.png"), radial-gradient(circle, rgba(255,255,255,1) 52%,var(--cold) 52%,var(--cola)53%, var(--cola) 90%, var(--cola) 92%); 
	background-size: 180px 180px, contain;
	background-position: 0 50%; 
}
h1 {
	font-size:42px;
}
h2 {

	font-size:30px;
}
p{
	font-size:20px;
}
.wordwrap { 
width:40%;
}
}
@media screen and ( min-width: 1000px ) {/*-----------------------------------------------*/
.slider {   
height:270px;
}
.website_header{
	background-image: url("../images/logo.png"), radial-gradient(circle, rgba(255,255,255,1) 45%,var(--cold) 45%,var(--cola) 46%, var(--cola) 90%, var(--cola) 2%); 
	background-size: 280px 280px, contain;
	background-position: 0 50%; 

}
h1 {
	font-size:48px;
}


h2 {
	font-size:36px;
}
p{
	font-size:26px;
}
.wordwrap { 
width:40%;
}
}
@media screen and ( min-width: 1500px ) {/*-----------------------------------------------*/
	nav a {
	font-size: 28px;
}
#temp_TV .news_holder h3{
	font-size:22px;
}
.news_holder{
	height:48px;
}
.TVtitle{
	font-size:40;
}
.slider {   
height:320px;
}
.website_header{
	background-image: url("../images/logo.png"), radial-gradient(circle, rgba(255,255,255,1) 45%,var(--cold) 45%,var(--cola) 46%, var(--cola) 90%, var(--cola) 92%); 
	background-size: 400px 400px, contain;
	background-position: 0 50%; 
}
h1 {
	font-size:48px;
}

h2 {
	font-size:36px;
}
p{
	font-size:26px;
}
.wordwrap { 
width:40%;
}

}