* {padding: 0px;border: 0px;margin: 0px;}

body {background-color: #ffe00a;}

/*layout*/
.master {float: left;width:100%;}
.leftborder {float:left;width:15%;height:100%;margin: 0 auto;}
.mainarea {float:left;height:100%;width:70%;}
.rightborder {float:left;height:100%;width:15%;margin: 0 auto;}
.footer {right: 0;bottom: 0;left: 0;padding: 1rem 1rem 0rem 1rem; width:80%; display: block; margin-left: auto; margin-right: auto;}
.center {float:left;width:100%;text-align: center;}

.cols4 {float:left;height:100%;width:25%;}
.cols2 {float:left;height:100%;width:50%;}
.cols1 {margin: auto;height:100%;width:50%;}

.el-form-item {float: left;width: 50%;}
.el-input__inner {text-transform: uppercase;}

/*fonts*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), 
       local('Roboto-Regular'), 
       url(https://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) 
       format('woff');
}
body {font-family: 'Roboto';}

/*tables*/
.infoTable {border-radius: 30px 30px 30px 30px; background: #FFFFFF; width:40%; padding: 5%;  margin: 0 auto; box-shadow: 10px 10px 5px #888;}
.numberTable {border-radius: 50%; border: solid #000000; width:5%; height:5%; padding: 2% 3% 2% 3%; border-width: medium;}
.mailingNumber {border-top: solid #666666; border-bottom: solid #666666; width: 100%; padding: 4%; margin-top: 10%; border-width: thin;}

/*text*/
h1 {font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));padding:20px 0 10px 0;}
h1.center{text-align: center;}
h3 {text-align: center; font-size: calc(12px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
h3.grey {color: #666666;}
h4 {text-align: center; font-size: calc(8px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
p {font-size: calc(4px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
.textgrey {text-align: center; font-size: calc(2px + (26 - 14) * ((100vw - 300px) / (1600 - 300))); color: #666666; text-align: center;}
.el-button {color: #000000;}
/*form*/
input[type=text] {padding: 12px 20px; margin: 8px 0; box-sizing: border-box;}
button[type=button] {font-size: calc(4px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
.multiForm{margin:0;padding:0;}
.np-button {margin: 8px 0; box-sizing: border-box; background-color: #ffe00a; border-radius: 18px 18px 18px 18px; border: solid #000000; border-width:medium;}

/*images*/
.imgscale {width: 100%;}
.icon {width: 50%; display: block; margin-left: auto; margin-right: auto; padding: 10%;}

.conditional_form_part {display: none;}

@media only screen and (max-width: 1200px) {

    .cols2 {float:left;height:100%;width:100%;}
    .el-form-item {display:block;width: 100%;}
	.conditional_form_part_activator .conditional_form_part {float:left;}
    .conditional_form_part_deactivator {display:none;}
    .el-step__title{font-size: 11px;}
    p {font-size: calc(11px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
    button[type=button] {font-size: calc(11px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
    .infoTable {border-radius: 30px 30px 30px 30px; background: #FFFFFF; width:80%; padding: 5%;  margin: 0 auto; box-shadow: 10px 10px 5px #888;margin-left: 20px;}
    .textgrey {text-align: center; font-size: calc(11px + (26 - 14) * ((100vw - 300px) / (1600 - 300))); color: #666666; text-align: center;}
}