* {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: 'Montserrat';
color:#232a58;
font-weight:normal;
font-size:1.55vw;
letter-spacing:0.05em;
}       
::placeholder {
  color: #232a58;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #232a58;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #232a58;
}

.body {		
	font-size: 15px;
	font-style: normal;		
	width:100%; 	
	margin:0 auto;
	text-align:center;
	padding : 0;
	background-color:#FFFFFF;
	height:100%;
		
}
button {
	cursor:pointer;
	border : thin solid white;
	padding : 0.8rem 2.3rem;
	background:#232a58;
	margin:0 auto;
	font-size:1.6vw;
	font-weight:bold;
	color:white;
	border-radius: 1vw;
	margin-bottom:0.6rem;
	margin-right:1.4rem;
}
input[type="radio"] {
    border: 1px solid white;
    width: 1.5rem;
    height: 1rem;
    margin:0 0 0 0.5rem;
}
.logo {	
	max-width:1024px;	
	width:80%;
	padding:0;
}
.footer-box {
	width:72%;
	max-width:920px;
	text-align:left;
	margin:0 auto;
	padding : 2rem 0;
}
.footer-text {
	color:black;
	font-size:1.2vw;
}
.form-section {
	display:table;
	width:72%;
	max-width:920px;
	margin:0 auto;
	text-align:center;
	border-collapse: separate;
	border-spacing: 0 0.7rem;
	background-color:#ebe9ea;	
}
.form-section-title {
	display:table;	
	width:72%;
	max-width:920px;
	margin:0 auto;
	text-align:left;
	padding-top:1.7rem;
	background-color:#ebe9ea;	
	border-radius: 1vw 1vw 0 0;
}
.form-section-footer {
	display:table;	
	width:72%;
	max-width:920px;
	margin:0 auto;
	text-align:left;
	background-color:#ebe9ea;	
	border-radius: 0 0 1vw 1vw;
}
.form-row {
	display:table-row;
}
.form-title {
	color:#c11727;
	font-weight:bold;
	font-size:1.4vw;
}
.form-cell {
	display:table-cell;
	vertical-align:top;
}
.form-cell-padding {
	padding-left:1.4rem;	
}
.form-cell-title {
	display:table-cell;
	padding-left:1.4rem;
	text-align:left;
	width:23%;
	vertical-align:top;
}
.text-box {
	padding:0.2rem 0.7rem;
	font-size:1.2vw;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	width:87%;
	border-radius: 0.5vw;
}

.select-box {
	padding:0.2rem 0.5rem;
	font-size:1.2vw;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	width:91%;
	border-radius: 0.5vw;
}

/* The Modal (background) */
   .msg-box, .submit-box {
       display: none; /* Hidden by default */
       position: fixed; /* Stay in place */
       z-index: 30; /* Sit on top */
       padding-top: 20vh; /* Location of the box */
       left: 0;
       top: 0;
       width: 100%; /* Full width */
       height: 100%; /* Full height */
       overflow: auto; /* Enable scroll if needed */
       background-color: rgb(0,0,0); /* Fallback color */
       background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
   }
   
   /* Modal Content */
   .msg-content, .submit-content {
       position: relative;
       background-color: white;
       margin: auto;
       padding: 0;
       width: 50%;
       box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
       -webkit-animation-name: animatetop;
       -webkit-animation-duration: 0.4s;
       animation-name: animatetop;
       animation-duration: 0.4s
   }
   .text-right {
		text-align:right;
   }
   /* The Close Button */
   .msg-box .close, .submit-box .close {
       color: black;
       float: right;
       font-size: 2rem;    
       font-weight:normal;
   }
   
   .msg-box .close:hover,
   .msg-box .close:focus,
   .submit-box .close:hover,
   .submit-box .close:focus {        
       text-decoration: none;
       cursor: pointer;
       font-weight:bold;
   }      
   .msg-body,.submit-body {
       padding: 1rem 1rem;
       font-size:1.3vw;
   }    
   .msg-footer, .submit-footer {      
       background-color: white;
       color: black;
   }
   .help-block {
       display: block;
       text-align:left;
       padding-left:1.5rem;
       margin-top: 5px;
       margin-bottom: 10px;
       color: red;
       font-size : 1vw;
       font-weight:normal;
   }
   .click-btn {
       font-size : 1vw;
   }
.img-mobile {
	display:none; 
}

@media screen and (min-width: 1300px) {
	* {
		font-size:21px;
	}  
	
	.footer-text {
		font-size:16.7px;
	}
} 	
@media only screen and (max-width: 630px) {
	* {
		font-size:2.5vw;
		letter-spacing:0;
	}  	
	button {
		font-size:2.2vw;
	}	
	.img-desktop,.logo {
		display:none!important; 
		width:0px!important; 
		height: 0px!important; 
		overflow:hidden!important; 
		line-height: 0px!important; 
		font-size:0px!important;
	}
	.img-mobile {
		display:block!important; 
		max-height: none !important; 
		max-width:none !important; 
		line-height: 1.5 !important;
		width:100%!important; 
		height:auto!important;
	}

	.form-section {
		width:90%;
		border-spacing: 0 1rem;
	}
	.form-section-title {
		display:table;	
		width:90%;
		padding-top:2.5rem;
		border-radius: 1vw 1vw 0 0;
	}
	.form-section-footer {
		width:90%;
		border-radius: 0 0 1vw 1vw;
	}
	.form-title {
		font-size:2.7vw;
	}
	.form-cell-padding {
		padding-left:1.4rem;	
	}
	.form-cell-title {
		padding-left:1.4rem;
		width:30%;
	}
	.text-box {
		text-align:left;
		padding:0.5rem 0.7rem;
		font-size:2.2vw;
		width:80%;
		border-radius: 0.5vw;
	}	
	.select-box {
		padding:0.5rem 0.5rem;
		font-size:2.2vw;
		width:86%;
		border-radius: 0.5vw;
	}
	.footer-box {
		width:90%;
		padding:3rem 0;
	}
	.footer-text {
		font-size:2vw;			
	}
    .help-block {
        font-size : 2.1vw;
    }
    .msg-content, .submit-content {
        width: 80%;
    }        
    .msg-body,.submit-body,.click-btn {
        font-size:3vw;
    }    				
}