.header ul a:nth-child(6) li{
  font-weight: bold;}

.header ul li:active{
  text-decoration: underline;}

/*========================== FORM ==========================*/

.content{
   position: relative;}

.contact.form{
   position: relative;
   float: left;
   width: 36rem;
   margin-bottom: 3rem;
 }

div.disclaimer {
  margin: 0 1rem 1rem 13rem;
}

div.disclaimer p{
  margin: 0 0 1rem 0;
}

div.disclaimer input,
div.disclaimer label{
  width: initial;
  text-align: left;
}

.contact.form label{
    padding: 0 1rem;
    min-width: 10rem;
}

.contact.form #name select{
   width: 5rem;
   margin-right: 1rem;}

.contact.form textarea{
    resize: none;
    width: 23rem;
  }

.contact.form p{
   float: left;
   width: 25rem;}

.form form{
   padding-top: 8px;
   float: right;
   width: 27rem;}

.form input[type="checkbox"]{
   margin: 0.4rem 0 0 1rem;
   float: right;}

.form #check p{
   font-size: 0.9rem;
   line-height: 1.4rem;
   padding: 0 1rem 0 0;
   margin: 0;
   width: 27rem;
   float: right;}

.form #check div{
   float: left;
   width: 9rem;}

.form input[type=radio] + label{
     padding: 0;
   }

/*========================== SIDE ==========================*/

.side{
   float: right;
   width: 22rem;
   text-align: left;
 }

.side h1{
   color: white;
   font-size: 1.2rem;
   padding: 0 0 0 0.5rem;
   background-color: #646464;}

.side p,
.side a{
   padding: 0 0 0 1rem;}

.side .contact-link{
    padding: 0;
}

label.radio {
    width:auto;
    padding-left: 0px;}

label.radio-block {
    display:block;
    width: 100%;
    height: 25px;
    padding-top: 0;
    margin-left: -1%;
    text-align: left;
}

.form div.controls {
    margin-bottom: 1rem;
}

.success-message {
    display: none;
    padding-top: 1px;
    padding-bottom: 14px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    padding-left: 14px;
    margin-bottom: 2%;
    border-radius: 10px;
}

.success-message span {
    color: #468847;
}

.success-message h4 {
    margin-bottom: 0;
}

/* ========================== Classic Radio Buttons ========================== */

.classic{
	display: none;
}

.classic + label{
  position: relative;
  padding: 0 1rem 1rem 30px !important;
  cursor: pointer;
  display: block;
}

.classic + label::before,
.classic + label::after{
	content: "";
	}

.classic + label::before{
  position: absolute;
  width: 20px;
  height: 20px;
  background: #c8c8c8;
  z-index: 2;
  margin-right: 0.5rem;
  border-radius: 4px;
  left: 0;
  transition: background 150ms ease-in-out;
}

.classic + label:hover::before{
  background: #a9a9a9;
}

.classic + label::after{
  position: absolute;
  width: 4px;
  height: 8px;
  display: block;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  left: 6px;
  top: 3px;
  z-index: 2;
  transition: transform 150ms ease-in-out,
              opacity   150ms ease-in-out;
  opacity: 0;
}

.classic:checked + label::after{
  transform: rotate(45deg);
  opacity: 1;
}

/*========================== Mobile Version ==========================*/

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

.header ul a:nth-child(6) li{
  border-bottom: 2px solid #F47920;}

.cover .background{
  position: absolute;
  background-image: none;}

.contact.form{
  width: initial;
  margin: 0 0 1rem 0;}

.contact.form h2{
  font-size: 1rem;}

.contact.form #name input[type="text"] {
  width: initial;
}

.contact.form textarea {
  width: 90%;
}

div.disclaimer {
  margin: 0;
}

.contact.form p {
  float: none;
  width: initial;
}

.contact.form label{
  clear: both;
  width: initial;
  height: initial;
  text-align: left;
  padding: 0 0 0.5rem 0;
}

.contact.form #name select{
  clear: left;
  margin: 1rem 1% 0 5%;
  width: 25%;}
 
label.radio-block{
  float: left;
  width: 80%;}

.form div {
  flex-wrap: wrap;
}

.form input[type="checkbox"]{
  float: none;}

.form #check{
   height: initial;}

.form #check p{
   width: initial;
   float: none;}

.form #check div{
  width: initial;}

.form button{
  display: block;
  text-align: center;
  margin: 1rem auto 1rem auto;
  left: initial;
  transform: translate(0,0);}

div.controls {
    width: 100%;
    height: initial;
    margin-left: 0;
    margin: 1rem 0 2rem 0;}

.side{
  width: 100%;}

.side p,
.side a{
   padding: 0;}

.side a img{
  display: block;
  width: 90%;
  max-width: 300px;
  margin: 0 0 1rem 0;}

}