/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */


	
		header {
			width: 100%; /* 960px / 1024px */
		}

		#maincontent{
					width: 93.75%; /* 960px / 1024px */
		}
		
		.maincontent{
			width: 93.75%; /* 960px / 1024px */
		}

		footer {
			width: 93.75%; /* 960px / 1024px */
		}
		
		#search {
			height: 20px;
			margin-top: 5px;
		}
		
		#topnav {
			
		}
		#topnav a {

				font-size:1em;
				border-left:1px solid #999;
		}
		#topnav a.button:last-child {
				border-left:1px solid #999;
				border-right:1px solid #999;
				color:red;
		}
		#topnav img {
			display:none;
		}
		input.searchfield {
			width:120px;
			font-size:0.9em;
			padding:3px 0 3px 10px;
		}
		input.searchbuttun {
			padding: 3px 15px;
		}
		nav ul#menu li a.firstlay {
			font-size:1em;
		}

		.sliderbtns a.sliderbtn {
			width:70%;
		}
		.sliderbtns span.linkbtn {
			font-size:0.9em;
		}
		.sliderbtns span.hlbtn {
			font-size:1.2em;
		}
		.col a.logo {
			width:100%;
		}
        p {
            font-size: 1.1em;
            line-height: 1.2em;
        }
        .teaser h2 {
            font-size: 1.3em;
            min-height: 41px;}
        a.cta span {
            font-size: 1.1em;
        }
.caption {margin-top: 30%;}
    .caption h2,.caption h1 {
        font-size:1.6em;
    }
    .caption p {
        font-size:1em;}

.teasertext h4 {
    font-size: 1.3em;
}