@charset "UTF-8";
/* CSS Document */

#newsbanner {width: 220px; 
			height: 320px;
			padding: 30px;
			border-radius: 20px;
			background: rgb(249,249,249);
			background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(252,252,252,1) 50%, rgba(255,255,255,1) 100%);
			box-shadow:  -8px 8px 20px rgba(0, 0, 0, 0.2),
             8px -8px 20px rgba(0, 0, 0, 0.2);
			position: absolute;
			top: 20px;
			right: 20px;}

.newsbanner_frame {}

#newsbanner h1 {		font-size: 24px; 
						font-weight: 500; 
						letter-spacing: 6px; 
						color: #003050;  
						font-family: 'Pathway Gothic One'; 
						display: block; /*font-family: 'Libre Franklin'*/
						text-transform: uppercase;
						text-align: left;
						margin-bottom: 10px;}

#newsbanner p {padding-left: 10px; padding-bottom: 10px; font-size: 14px; line-height: 18px; color: #003050;}
.newsbannerbold {font-weight: bold; font-size: 16px; line-height: 22px;}

@media (min-width: 700px)
	
{
	#newsbanner {top: 20px;}
	#newsbanner h1 {		font-size: 30px; }
	#newsbanner p {padding-left: 20px; padding-bottom: 10px; font-size: 16px; line-height: 20px; color: #003050;}
	.newsbannerbold {font-weight: bold; font-size: 20px; line-height: 30px;}
	#newsbanner {width: 280px; 
			height: 380px;
			padding: 40px;
		border-radius: 20px;}
}