html, body {
    padding:0;
    margin:0;
	
}

body {
    background-color:#fffffd;
    color:#575757;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14pt;
    
}

/* Box sizing for including padding and margins in total width of divs */
* {
    box-sizing:border-box;
}

.banner {
    width:100%;
    height: 190px;
    position:relative;
    margin-top:0;
    box-shadow:0 8px 10px grey;
 
}

.name H1 {
    width:350px;
    color:#fffffd;
    margin-left:17%;
    font-family:"Times New Roman",serif;
    position:absolute;
    top:1em;
    text-align:center;
    height:1.2em;
    border:none;
}

.profession H2 {
    color:#fffffd;
    margin-left:17%;
    position:absolute;
    top:3em;
    font-family:"Times New Roman",serif;
    width:250px;
    font-size:1.5em;
    text-align:center;
    border:none;
}

H3 {
    color:#383638;
    font-size:16pt;
}

H4 {
    color:#383638;
}

.page-wrapper {
    position: relative;
border: none;
}


.abbr {
    color:red;
    text-decoration:none;
}

a:link {
    color:#fffffd;
    text-decoration:none;
}

a:visited {
    color:#fffffd;
}

a:hover {
    text-decoration:overline;
}

.scales {
    position:absolute;
    top:4em;
    height:53px;
    width:60px;  
    margin-left:8%;
    border:none;
}

.slider {
    background-color:transparent;
    position:relative;
    top:-4em;
    width:70%;
    margin:auto;
    margin-top:10px;
    border:none;
}

.langSel {
    position:relative;
    top:-10.5em;
    left:60%;
    width:130px;
    color:#fffffd;
    text-align:center;
    z-index:200;
    border: none;
}

.nav {
    position:relative;
    top:-3.8em;
    left: 45%;
    list-style:none;
    margin:20px;
    width:55%;
    min-width: 575px;
    border-right:none;

}

.nav li {
    display:inline;
}

.nav li a {
    text-decoration:none;
    padding:5px 0;
    width:15%;
    min-width: 69px;
    max-width: 100px;
    background:transparent;
    color:#fffffd;
    float:left;
    border-right:1px solid #fffffd;
    text-align:center;
}

.nav li a:hover {
    text-decoration:overline;
    background:#fffffd;
    color:#ad2a40;
}

section {

width:100%;
}




.steps {
    width:100px;
    height:66px;
    position:relative;
    top:-2em;
    left:10%;
    
    color: #000;
    border:none;
    z-index:201;
}

.col-1 {
    width:100%;
    padding-left:1.5em;
    padding-right:1.5em;
    border:none;
}

.col-2 {
    width:100%;
    padding-left:1.5em;
    padding-right:1.5em;
    -webkit-column-count:2;
/* Chrome, Safari, Opera */
    -moz-column-count:2;
/* Firefox */
    column-count:2;
    -webkit-column-gap:3em;
/* Chrome, Safari, Opera */
    -moz-column-gap:3em;
/* Firefox */
    column-gap:3em;
    -webkit-column-width:40%;
/* Chrome, Safari, Opera */
    -moz-column-width:40%;
/* Firefox */
    column-width:40%;
    -webkit-column-rule:1px outset #575757;
/* Chrome, Safari, Opera */
    -moz-column-rule:1px outset #575757;
/* Firefox */
    column-rule:1px outset #575757;
}


.main {
    background-color:transparent;
    position:relative;
    text-align:left;
    margin-left:22%;
    padding-bottom:2em;
    top:-2em;
    width:55%;
    min-width:300px;
    border-top:1px solid #575757;
}

.main a:link {
    color:#575757;
}

.main a:visited {
    color:#575757;
}

.col-3 {
    position:relative;
    top:-2em;
    left:20%;
    width:77%;
    
    -webkit-column-count:3;
/* Chrome, Safari, Opera */
    -moz-column-count:3;
/* Firefox */
    column-count:3;
    -webkit-column-gap:2em;
/* Chrome, Safari, Opera */
    -moz-column-gap:2em;
/* Firefox */
    column-gap:2em;
    -webkit-column-width:33%;
/* Chrome, Safari, Opera */
    -moz-column-width:33%;
/* Firefox */
    column-width:33%;

border: none;
}


footer {
    position:relative;
    top:1em;
    background-color:#5d3131;
    color:#fffffd;
    border:none;
    width:100%;
    padding-bottom:1.5em;
    font-size:11pt;
}

.arag {
    position: relative;
    top: -10em;
    left: 6%;
}



/* 000000000000000000  MEDIA QUERIES BEGIN HERE 0000000000000000000000000 */

/* @media QUERIES FROM WIDTH = 1135 pixels */


@media only screen and (max-width: 1135px) {
.banner {
    width:100%;
    height: 210px;
    position:relative;
    margin-top:0;
    box-shadow:0 8px 10px grey;
 
}

}


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

.nav {
top: -4em;
left:14%;

}

}

@media only screen and (max-width: 1135px) {
.langSel {
top: -8.5em;
left: 70%;
}
}

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

.name {
font-size: 90%;
margin-left: 7%;
}

.profession {
font-size: 90%;
margin-left: 7%;
}

}


@media only screen and (max-width: 1135px) {
.steps {
left:3.5em;

}

}


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

.col-3 {

font-size: 90%;
}

}

/* END @media QUERIES FROM WIDTH = 1135 pixels */





/* @media QUERIES FROM WIDTH = 875 pixels */


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

.col-2 {
    width:100%;
    padding-left:1.5em;
    padding-right:1.5em;
    -webkit-column-count:1;
/* Chrome, Safari, Opera */
    -moz-column-count:1;
/* Firefox */
    column-count:1;
    -webkit-column-gap:3em;
/* Chrome, Safari, Opera */
    -moz-column-gap:3em;
/* Firefox */
    column-gap:3em;
    -webkit-column-width:40%;
/* Chrome, Safari, Opera */
    -moz-column-width:40%;
/* Firefox */
    column-width:40%;
    -webkit-column-rule:1px outset #575757;
/* Chrome, Safari, Opera */
    -moz-column-rule:1px outset #575757;
/* Firefox */
    column-rule:1px outset #575757;
}

}

/* END @media QUERIES FROM WIDTH = 875 pixels */


/* @media QUERIES FROM WIDTH = 800 pixels */


@media only screen and (max-width: 800px) {
.steps {
    width:80px;
    height:53.9px;
   
    left:2.5em;
    color: #575757;
   
}
}





/* END @media QUERIES FROM WIDTH = 800 pixels */


/* @media QUERIES FROM WIDTH = 600 pixels */


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

.nav {
top: -4em;
margin-left:-2em;
width:20%;
min-width: 390px;
font-size: 80%;
}

.nav li a {
width:15%;
}

}

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

.col-3 {
    
    left:15%;
    width:83%;
font-size: 70%;
}
}

/*
@media only screen and (max-width: 600px) {

.nav {
top: -4em;
left:12%;

}
}

*/



@media only screen and (max-width: 600px) {
.langSel {
top: -7.5em;
left: 33%;
}
}



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

.name {
font-size: 80%;
margin-left: auto;
}

.profession {
font-size: 80%;
margin-left: 5%;
}

}



/* END @media QUERIES FROM WIDTH = 600 pixels */




/* @media QUERIES FROM WIDTH = 510 pixels */



@media only screen and (max-width: 510px) {
.banner {
    width:100%;
    height: 180px;
    position:relative;
    margin-top:0;
    box-shadow:0 8px 10px grey;
 
}

}


@media only screen and (max-width: 510px) {
.scales {
width: 48px;
height: 42px;
margin-left:6%;
}

}

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

.name {
font-size: 60%;
margin-left: -9%;
top: -1.5em;

}

.profession {
font-size: 60%;
margin-left: 3%;
}

}

*/
@media only screen and (max-width: 510px) {
.langSel {
top: -8.9em;
left: 25%;
}
}
*/



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

.nav {
top: -5.5em;
left:4%;

}
}

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

.slider {

width: 95%;

}
}


/* END @media QUERIES FROM WIDTH = 510 pixels */




/* @media QUERIES FROM WIDTH = 460 pixels */

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

.name  {
font-size: 65%;
margin-left: -14%;
top: .5em;

} 

.profession {
font-size: 60%;
margin-left: 0;
}

.langSel {
top: -6em;
left: 35%;
}


.nav {

left:0;
top: -1em:

}

.nav {

min-width: 320px;
font-size: 60%;
}

.nav li a {
min-width:55px;
}



}




.footCol1 {
    position:relative;
    width:20%;
    left:25%;
    top:-3.5em;
}

.footCol2 {
    position:absolute;
    width:15%;
    left:50%;
    top:1em;
}

.footCol3 {
    position:absolute;
    width:20%;
    left:70%;
    top:1em;
}

table {
    position:relative;
    left:0;
    top:0;
    width:100%;
	
    border:none;
    padding:5px;
}

th {
    font-size:12pt;
	
    color:red;
    padding:0 0 9px;
}

td {
    padding:4px 6px 2px;
}

td,th {
    width:33%;
    text-align:left;
    border:none;
}