/*body*/
/*{*/
/*    background-color: #eaeaea;*/
/*}*/
h1 h2 h3 h4 p{
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.hidediv{
  display:none;
}


#ansstyle{
  text-align: left;
  margin-right:20px;    
}

#ansstyle:after {
  content: "";
  display:block;
  width: 100%;
}

.headtitle{
padding-right:100px;
}
#radioleft{
 float: left; 
 margin-left:35%;
}

#radioright{
	float: left; 
	margin: 10px; 
	 margin-left:5%;

}


.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.card
{
    background-color: white;
    border-radius: 10px;
    border: 3px solid #e3e3e4;
    padding: 20px;
}
.top-bar {
    padding-top: 25px;
    background-color: #D91900;
}

.start-form-input
{
    font-size: 20px;
     font-family: 'Lato', sans-serif;
    text-align: center;
    border-radius: 5px;
  border: 1px solid #e3e3e4;

    padding-top: 1%;
    padding-bottom: 1%;
      outline: none;
 -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -ms-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
}

.start-form-input:focus
{
    box-shadow: 0 0 5px #D91900;
  border: 1px solid #D91900;
}


.options {
    margin-left: 25px;
}

/*
.start-button{
	font-size: 22px;
}
*/

@media (max-width: 335px){


.start-button{
	font-size: 16px;
}

  
  .head-image {
    width: 75% !important;
    height:auto;
}

}






@media (max-width: 543px) {
.options{
margin-left:10px;
}


	.ansstyle{
		font-size: 1.2em !important;
		
		margin-left: 0% !important;
		
		
	}
	
    #piechart img
    {
        width: 220px;
        height: 220px;
    }
    .start-form-input
    {
            width: 90%;
    }
    .head-container {
        background-color: #F7E3AF;
    }
    .head-image {
        width: 60%;
        height: auto;
    }
    .start-head {
        font-family: 'Lato', sans-serif;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
         -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    }
    #sortable1
{

       border: 1px solid #D91900;
    border-radius: 5px;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
}
#sortable2 {

 border-radius: 5px;
     border: 1px solid #D91900;
 margin-top: 5px;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
}
      #sortable1 li{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #eee;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

#sortable2 li
{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #F7E3AF;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

  
  #radioleft{
 float: left; 
 margin-left: 2%;	
}

#radioright{
	float: left; 
	margin: 10px; 
	margin-left:10%;
}

h4{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
h3{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.click-once{
	margin-top:50px;
	color:red;
}


p{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.survey-questions{
	font-height:20px;
}


.headtitle{
padding-right:0px !important;
}
.form-group {
    margin-bottom: 15px;
   /* margin-left: 60px; */
}
/*
.start-button{
	font-size: 22px;
}
*/
}

@media (min-width: 544px) and (max-width: 767px) {
   
   
.headtitle{
padding-right:100px !important;
}

	.ansstyle{
		font-size: 1.3em;
		float: left; margin-left: 0%;
		
		
	}
	
	
	
     #piechart img
    {
        width: 340px;
        height: 340px;
    }
       .start-form-input
    {
            width: 80%;
    }
    .head-container {
        background-color: #F7E3AF;
    }
    .head-image {
        width: 60%;
        height: auto;
    }
    .start-head {
        font-family: 'Lato', sans-serif;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
         -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    }
    .survey-questions {
         font-family: 'Lato', sans-serif;
        /*margin-top: 8%;*/
        display: inline-block;
        /*vertical-align: middle;
        text-align: center; */
    }
		
	h4{
		text-align:center;
		 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	}
	h3{
		text-align:center;
		 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	}
	
	p{
		text-align:center;
		 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	}

	
	
	
	
	
    #sortable1
{

    border: 1px solid #D91900;
    border-radius: 5px;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
}
#sortable2 {
 border-radius: 5px;
     border: 1px solid #D91900;
 margin-top: 5px;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
}
      #sortable1 li{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #eee;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

#sortable2 li
{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #F7E3AF;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
  

.card {
    background-color: white;
    border-radius: 10px;
    border: 3px solid #e3e3e4;
    padding: 46px;
}

  
  
  
}

@media (min-width: 768px) and (max-width: 991px) {
      #piechart img
    {
        width: 400px;
        height: 400px;
    }
           .start-form-input
    {
            width: 70%;
    }
    .head-container {
        background-color: #F7E3AF;
    }
    .head-image {
        width: 40%;
        height: auto;
    }
    .start-head {
        font-family: 'Lato', sans-serif;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
         -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    }
       .survey-questions {
         font-family: 'Lato', sans-serif;
        /*margin-top: 5%;*/
        padding-right: 20px !important;
        display: inline-block;
     /*   vertical-align: middle;
        text-align: center; */
    }
	
	h4{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
h3{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


p{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


    #sortable1
{

       border: 1px solid #D91900;
    border-radius: 5px;
 margin: 0;
    padding: 5px 0 0 0 ;

    list-style-type: none;
    height: 200px;
}
#sortable2 {
 border-radius: 5px;
     border: 1px solid #D91900;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
}
      #sortable1 li{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #eee;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

#sortable2 li
{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #F7E3AF;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
         #piechart img
    {
        width: 440px;
        height: 440px;
    }
              .start-form-input
    {
            width: 50%;
    }
    .head-container {
        background-color: #F7E3AF;
    }
    .head-image {
        width: 33%;
        height:auto;
    }
    .start-head {
        font-family: 'Lato', sans-serif;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
         -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    }
       .survey-questions {
         font-family: 'Lato', sans-serif;
        /*margin-top: 8%;*/
        display: inline-block;
      /*  vertical-align: middle;
        text-align: center; */
    }
	
	h4{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
h3{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.click-once{
	margin-top:50px;
	color:red;
}


p{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


    #sortable1
{

       border: 1px solid #D91900;
    border-radius: 5px;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
}
#sortable2 {
 border-radius: 5px;
     border: 1px solid #D91900;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
}
      #sortable1 li{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #eee;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

#sortable2 li
{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #F7E3AF;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
}

@media (min-width: 1200px) {
         #piechart img
    {
        width: 440px;
        height: 440px;
    }
              .start-form-input
    {
            width: 50%;
    }
    .head-container {
        background-color: #F7E3AF;
    }
    .head-image {
        width: 33%;
    }
    .start-head {
        font-family: 'Lato', sans-serif;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
         -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    }
       .survey-questions {
         font-family: 'Lato', sans-serif;
        /*margin-top: 2%;*/
        display: inline-block;
      /*  vertical-align: middle;
        text-align: center; */
    }
	
	h4{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
h3{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.click-once{
	margin-top:50px;
	color:red;
}


p{
	text-align:center;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

	
	
	
	
    #sortable1
{

       border: 1px solid #D91900;
    border-radius: 5px;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 170px;
}
#sortable2 {
 border-radius: 5px;
     border: 1px solid #D91900;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 170px;
}
      #sortable1 li{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #eee;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

#sortable2 li
{
    border-radius: 5px;
margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
       background-color: #F7E3AF;
      cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
}
.start-button1 {
    color: #ffffff;
    background-color: #4CBB17;
    border-color: #3CB371;
    outline: none;
}

.start-button1:hover,
.start-button1:focus,
.start-button1:active,
.open .dropdown-toggle.start-button1 {
    color: #ffffff;
    background-color: #43a512;
    border-color: #3CB371;
    outline: none;
}


.start-button {
    color: #ffffff;
    background-color: #D91900;
    border-color: #D91900;
    outline: none;
}

.start-button:hover,
.start-button:focus,
.start-button:active,
.open .dropdown-toggle.start-button {
    color: #ffffff;
    background-color: #C91A02;
    border-color: #D91900;
    outline: none;
}

.start-button:active,
.start-button.active,
.open .dropdown-toggle.start-button {
    background-image: none;
    outline: none;
}

.start-button.disabled,
.start-button[disabled],
fieldset[disabled] .start-button,
.start-button.disabled:hover,
.start-button[disabled]:hover,
fieldset[disabled] .start-button:hover,
.start-button.disabled:focus,
.start-button[disabled]:focus,
fieldset[disabled] .start-button:focus,
.start-button.disabled:active,
.start-button[disabled]:active,
fieldset[disabled] .start-button:active,
.start-button.disabled.active,
.start-button[disabled].active,
fieldset[disabled] .start-button.active {
    background-color: #D91900;
    border-color: #D91900;
    outline: none;
}

.start-button .badge {
    color: #D91900;
    background-color: #ffffff;
    outline: none;
}

/*
#sortable1, #sortable2 {
    border: 1px solid #eee;
 margin: 0;
    padding: 5px 0 0 0 ;
    list-style-type: none;
    height: 200px;
  }
*/
.nanobar
{
       background-color: #F7E3AF !important;
height: 20px;
border-radius: 5px;
}

.bar
{
    background-color:#D91900 !important;
border-radius: 5px;
}

.custom-btn,
.start-button.custom-btn {
    color: #ffffff;
    background-color: #B11623;
    border-color: #B11623;
    outline: none;
}

.gender-flex-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.gender-flex-container > .gender-flex-child {
    margin-left: 20px;
    margin-right: 20px;
}

.radio.gender-flex-child + .radio {
  /* undoing ".radio + .radio" margin for proper vertical alignment */
  margin-top: 10px;
}

.result-author-photo {
    display: block;
    margin: 0 auto 18px;
    object-fit: cover;
    object-position: center 18%;
    border: 3px solid #F7E3AF;
    border-radius: 50%;
}

.hide-on-mobile {display: block;}

@media screen and (max-width: 768px) {
    .hide-on-mobile {display: none;}
    .mobile-text-align {text-align: justify;}
    .result-author-photo {
    }
}

.survey-questions,
.survey-questions * {
    -webkit-touch-callout: default !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.landing-headline {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 2.2em;
    margin-bottom: 20px;
}

.landing-hero-image {
    width: 60%;
    max-width: 420px;
    border-radius: 10px;
    margin: 0 auto 25px;
    display: block;
}

.landing-copy {
    max-width: 700px;
    margin: 0 auto;
}

.checklist {
    list-style: none;
    padding: 0;
    margin: 20px auto 10px;
    max-width: 600px;
    text-align: left;
}

.checklist li {
    font-size: 16px;
    padding: 6px 0;
}

.checklist li .fa-check {
    color: #4CBB17;
    margin-right: 10px;
}

.landing-subheadline {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.5em;
    margin: 25px auto 10px;
}

.landing-reasons {
    list-style: none;
    padding: 0;
    margin: 0 auto 20px;
    max-width: 600px;
    text-align: left;
}

.landing-reasons li {
    font-size: 16px;
    padding: 6px 0;
}

.landing-reasons li:before {
    content: "•";
    color: #D91900;
    margin-right: 10px;
}

.gender-choice-screen .gender-flex-container {
    margin-top: 20px;
}

.gender-choice-screen .gender-flex-child {
    min-width: 140px;
}

.patrick-message-section {
    background-color: white;
    border-radius: 10px;
    border: 3px solid #e3e3e4;
    padding: 25px;
    margin: 0 auto 10px;
    max-width: 700px;
    text-align: left;
}

.patrick-message-section .result-author-photo {
    margin: 0 auto 15px;
}

.patrick-message-title {
    text-align: center;
    font-weight: 700;
}

.privacy-note {
    font-size: 13px;
    color: #777;
    max-width: 600px;
    margin: 15px auto 0;
    text-align: center;
}

.age-inline-hint {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #999;
    font-style: italic;
    text-align: center;
    margin-top: 6px;
}

@media (max-width: 768px) {
    .landing-hero-image {
        width: 85%;
    }
}

@media (max-width: 480px) {
    .landing-headline {
        font-size: 1.6em;
        padding: 0 10px;
    }

    .landing-hero-image {
        width: calc(100% - 20px);
        max-width: none;
        box-sizing: border-box;
    }

    .landing-copy {
        padding: 0 10px;
    }

    .landing-subheadline {
        font-size: 1.2em;
        padding: 0 10px;
    }

    .checklist,
    .landing-reasons {
        padding: 0 10px;
    }

    .checklist li,
    .landing-reasons li {
        font-size: 15px;
    }

    .start-button {
        width: calc(100% - 20px);
        box-sizing: border-box;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Results page: Patrick's message and report highlights share one box */
.result-layout {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.result-layout .patrick-message-section.result-personal {
    max-width: none;
    margin: 0 0 25px;
}

.result-layout .patrick-message-section.result-personal p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.result-layout .patrick-message-section.result-personal .checklist {
    margin-top: 24px;
    margin-bottom: 0;
}

.result-layout .patrick-message-section.result-personal .checklist .fa-check {
    color: #222;
}

#messageBox label {
    display: block;
}

@media (min-width: 992px) {
    .result-layout .start-form-input {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .result-layout .patrick-message-section.result-personal {
        width: 100%;
        padding: 20px 15px;
    }

    .result-layout .patrick-message-section.result-personal p {
        font-size: 15px;
    }
}