* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
	body{
		max-width: 1920px;
		width: 100%;
		font-family: 'Roboto';
		font-weight: 400;
		color: #00004f;
		font-size: 18px;
	}

	.newslettercontainer{
		width: 62.5%;
		max-width: 1200px;
		margin: 24px auto 24px auto;
		background: #FFFFFF;
	}

	.row{
		margin: 0.5em auto 0.5em auto;
		max-width: 1920px;
		width: 94%;
	}

	h1{
		font-weight: 700; 
		text-align: center;
		font-size:  2.0em;
		margin: 1em auto 1em auto;
		color: #FF4500;
	}

	h2{
		font-weight: 700; 
		text-align: center;
		font-size:  1.5em;
		text-decoration: underline;
		max-width: 1920px;
		width: 100%;
		margin: 1em auto 1em auto;
	}

	h2.newsletter{
		font-weight: 700; 
		text-align: center;
		font-size:  1.5em;
		text-decoration: underline;
		max-width: 1920px;
		width: 100%;
		margin: 1em auto 1em auto;
		color: #3D8EB9;
	}

	p{
		text-align: left;
		max-width:  1920px;
		width:  96%;
		margin:  0.75em auto 0.75em auto;
		color:  #000047;
		font-family: 'Roboto';
		font-size:  18px;
		font-weight: 400;	
	}

	p.box{
		width: 80%; 
		text-align: justified;
		margin:  0 auto 0 auto;
		color:  #000047;
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  400;
		line-height:  2.0;
	}

	.req1{
		color:  #AF0000;
		font-weight: 700;
		font-size: 18px;
	}

	.footer{
		width:100%; 
		padding: 10px 0px 10px 0px; 
		margin-bottom:  0px;
		color: #0A0900; 
		background: #FED8B1; 
		font-weight: 700; 
		text-align: center; 
		margin: 3.125em auto 0em auto;
	}

	img.logo{
		display: block; 
		margin: 20px auto 20px;
		max-width:  194px;
		max-height:  82px;
		width:  10%;
		height:  auto;
	}

	form{
		width:  90%;
		margin:  1em auto 1em;
	}

	img.left{
		max-width: 1920px; 
		width: 35%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
		position:  relative;
		float:  left;
	}

	img.panoramic2{
		max-width: 1920px; 
		width: 100%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
	}

	a{
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  700;
	}
	ul.gcg{
		margin-left: 8%;
		width: 80%;
	}

	.boxsu, .boxmo, .boxtu, .boxwe, .boxth, .boxfr, .boxsa{
		border: 1px solid #000000;
		width: 13%;
		position: relative;
		float: left;
		font-family: 'Roboto Condensed';
	}

@media only screen and (min-width:801px) and (max-width: 1000px){
	* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	}

	body{
		max-width: 1000px;
		width: 100%;
		font-family: 'Roboto';
		font-weight: 400;
		color: #00004f;
		font-size: 18px;
	}

	.row{
		margin: 0.5em auto 0.5em auto;
		max-width: 1000px;
		width: 94%;
	}

	h1{
		font-weight: 700; 
		text-align: center;
		font-size:  2.0em;
		margin: 1em auto 1em auto;
	}

	h2{
		font-weight: 700; 
		text-align: center;
		font-size:  1.5em;
		text-decoration: underline;
		max-width: 1000px;
		width: 100%;
		margin: 1em auto 1em auto;
	}

	p{
		text-align: left;
		max-width:  1000px;
		width:  96%;
		margin:  0.75em auto 0.75em auto;
		color:  #000047;
		font-family: 'Roboto';
		font-size:  18px;
		font-weight: 400;	
	}

	p.box{
		width: 80%; 
		text-align: justified;
		margin:  0 auto 0 auto;
		color:  #000047;
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  400;
		line-height:  2.0;
	}

	.req{
		color:  #AF0000;
		font-weight: 700;
		font-size: 18px;
	}

	.footer{
		width:100%; 
		padding: 10px 0px 10px 0px; 
		margin-bottom:  0px;
		color: #0A0900; 
		background: #FED8B1; 
		font-weight: 700; 
		text-align: center; 
		margin: 3.125em auto 0em auto;
	}

	img.logo{
		display: block; 
		margin: 20px auto 20px;
		max-width:  194px;
		max-height:  82px;
		width:  10%;
		height:  auto;
	}

	form{
		width:  90%;
		margin:  1em auto 1em;
	}

	img.left{
		max-width: 1000px; 
		width: 35%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
		position:  relative;
		float:  left;
	}

	img.panoramic2{
		max-width: 1000px; 
		width: 100%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
	}

	a{
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  700;
	}

	.row{

	}

	.col-6, .col-7, .col-8, .col-8, .col-9, .col-10, .col-11{
		width: 94%;

	}

	.col-1, .col-2, .col-3, .col-4, .col-5{
		width: 47%;
	}
}








@media only screen and (min-width:481px) and (max-width: 800px){
	* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	}
		
	body{
		max-width: 800px;
		width: 100%;
		font-family: 'Roboto';
		font-weight: 400;
		color: #00004f;
		font-size: 18px;
	}

	.row{
		margin: 0.5em auto 0.5em auto;
		max-width: 800px;
		width: 94%;
	}

	h1{
		font-weight: 700; 
		text-align: center;
		font-size:  2.0em;
		margin: 1em auto 1em auto;
	}

	h2{
		font-weight: 700; 
		text-align: center;
		font-size:  1.5em;
		text-decoration: underline;
		max-width: 800px;
		width: 100%;
		margin: 1em auto 1em auto;
	}

	p{
		text-align: left;
		max-width:  800px;
		width:  96%;
		margin:  0.75em auto 0.75em auto;
		color:  #000047;
		font-family: 'Roboto';
		font-size:  18px;
		font-weight: 400;	
	}

	p.box{
		width: 80%; 
		text-align: justified;
		margin:  0 auto 0 auto;
		color:  #000047;
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  400;
		line-height:  2.0;
	}

	.req{
		color:  #AF0000;
		font-weight: 700;
		font-size: 18px;
	}

	.footer{
		width:100%; 
		padding: 10px 0px 10px 0px; 
		margin-bottom:  0px;
		color: #0A0900; 
		background: #FED8B1; 
		font-weight: 700; 
		text-align: center; 
		margin: 3.125em auto 0em auto;
	}

	img.logo{
		display: block; 
		margin: 20px auto 20px;
		max-width:  194px;
		max-height:  82px;
		width:  10%;
		height:  auto;
	}

	form{
		width:  90%;
		margin:  1em auto 1em;
	}

	img.left{
		max-width: 800px; 
		width: 35%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
		position:  relative;
		float:  left;
	}

	img.panoramic2{
		max-width: 800px; 
		width: 100%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
	}

	a{
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  700;
	}

	.col-6, .col-7, .col-8, .col-8, .col-9, .col-10, .col-11{
		width: 94%;
	}

	.col-1, .col-2, .col-3, .col-4, .col-5{
		width: 94%;
	}
}



@media only screen and (max-width: 480px){
	* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	}
		
	body{
		max-width: 480px;
		width: 100%;
		font-family: 'Roboto';
		font-weight: 400;
		color: #00004f;
		font-size: 18px;
	}

	.row{
		margin: 0.5em auto 0.5em auto;
		max-width: 480px;
		width: 98%;
	}

	h1{
		font-weight: 700; 
		text-align: center;
		font-size:  2.0em;
		margin: 1em auto 1em auto;
	}

	h2{
		font-weight: 700; 
		text-align: center;
		font-size:  1.5em;
		text-decoration: underline;
		max-width: 480px;
		width: 100%;
		margin: 1em auto 1em auto;
	}

	p{
		text-align: left;
		max-width:  480px;
		width:  98%;
		margin:  0.75em auto 0.75em auto;
		color:  #000047;
		font-family: 'Roboto';
		font-size:  18px;
		font-weight: 400;	
	}

	p.box{
		width: 80%; 
		text-align: justified;
		margin:  0 auto 0 auto;
		color:  #000047;
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  400;
		line-height:  2.0;
	}

	.req{
		color:  #AF0000;
		font-weight: 700;
		font-size: 18px;
	}

	.footer{
		width:100%; 
		padding: 10px 0px 10px 0px; 
		margin-bottom:  0px;
		color: #0A0900; 
		background: #FED8B1; 
		font-weight: 700; 
		text-align: center; 
		margin: 3.125em auto 0em auto;
	}

	img.logo{
		display: block; 
		margin: 20px auto 20px;
		max-width:  194px;
		max-height:  82px;
		width:  10%;
		height:  auto;
	}

	form{
		width:  90%;
		margin:  1em auto 1em;
	}

	img.left{
		max-width: 480px; 
		width: 35%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
		position:  relative;
		float:  left;
	}

	img.panoramic2{
		max-width: 480px; 
		width: 100%; 
		height:  auto; 
		display: block; 
		margin: 0px 2em 2em 0;
		border-radius: 18px;
	}

	a{
		font-family:  'Roboto';
		font-size:  18px;
		font-weight:  700;
	}

	.col-6{
		width: 94%;
	}
 
	.col-7{
		width: 94%;
	}

	.col-8{
		width: 94%;
	}
 
	.col-9{
		width: 94%;
	}

	.col-10{
		width: 94%;
	}
 
	.col-11{
		width: 94%;
	}

	.col-1{
		width: 94%;
	}
	.col-2{
		width: 94%;
	}
	.col-3{
		width: 94%;
	}
	.col-4{
		width: 94%;
	}
	.col-5{
		width: 94%;
	}
}