.header-home {
  background: rgba(15, 119, 210, 1);
  background-image: -webkit-linear-gradient(rgba(15, 119, 210, 1) 0%, rgba(25, 150, 157, 1) 52%, rgba(35, 178, 109, 1) 100%);
  background-image: -o-linear-gradient(rgba(15, 119, 210, 1) 0%, rgba(25, 150, 157, 1) 52%, rgba(35, 178, 109, 1) 100%);
  background-image: linear-gradient(rgba(15, 119, 210, 1) 0%, rgba(25, 150, 157, 1) 52%, rgba(35, 178, 109, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15, 119, 210, 1)), color-stop(52%, rgba(25, 150, 157, 1)), color-stop(100%, rgba(35, 178, 109, 1)));
  background: -webkit-linear-gradient(top, rgba(15, 119, 210, 1) 0%, rgba(25, 150, 157, 1) 52%, rgba(35, 178, 109, 1) 100%);
  background: -o-linear-gradient(top, rgba(15, 119, 210, 1) 0%, rgba(25, 150, 157, 1) 52%, rgba(35, 178, 109, 1) 100%);
  background: -ms-linear-gradient(top, rgba(15, 119, 210, 1) 0%, rgba(25, 150, 157, 1) 52%, rgba(35, 178, 109, 1) 100%);
  background: linear-gradient(to bottom, rgba(15, 119, 210, 1) 0%, rgba(25, 150, 157, 1) 52%, rgba(35, 178, 109, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f77d2', endColorstr='#23b26d', GradientType=0);
  background-size: cover;
  min-height: 100vh;
}

.jumbotron {
  margin-bottom: 0;
}



#webform-submission-banda-node-23-add-form input[type="text"],
#webform-submission-banda-node-23-add-form input[type="password"],
#webform-submission-banda-node-23-add-form input[type="email"],
textarea,
#edit-facebook,
#edit-instagram,
#edit-twitter,
#edit-youtube {
  border: none !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  background: transparent !important;
  color: #eada2a !important;
  font-size: 19px !important;
  /*color: #ffbf00 !important;*/
}

.form-control .valid {
  border: none !important;
  border-bottom: 2px solid #ed2b63 !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  background: transparent !important;
  color: #eada2a !important;
  font-size: 19px !important;
}

.alert-danger {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
  margin: 10px 0 !important;
  padding: 0 !important;
}

select {

  background: url(../images/down-select.png) no-repeat right transparent;
  -webkit-appearance: none;
  /* background-position-x: 308px; */
  border: none !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  color: #eada2a !important;
  font-size: 19px !important;
  background-color: transparent !important;
}

#webform-submission-banda-node-23-add-form input[type="text"]::placeholder,
#webform-submission-banda-node-23-add-form input[type="password"]::placeholder,
#webform-submission-banda-node-23-add-form input[type="email"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #eada2a !important;
}

#webform-submission-banda-node-23-add-form input[type="text"]:-ms-input-placeholder,
#webform-submission-banda-node-23-add-form input[type="password"]:-ms-input-placeholder,
#webform-submission-banda-node-23-add-form input[type="email"]:-ms-input-placeholder,
select::ms-input-placeholder,
textarea::ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #eada2a !important;
}

#webform-submission-banda-node-23-add-form input[type="text"]:-ms-input-placeholder,
#webform-submission-banda-node-23-add-form input[type="password"]::-ms-input-placeholder,
#webform-submission-banda-node-23-add-form input[type="email"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #eada2a !important;
}


/* -------- */

#webform_submission_banda_node_23_add_form-ajax input[type="text"].form-control,
#webform_submission_banda_node_23_add_form-ajax input[type="password"].form-control,
#webform_submission_banda_node_23_add_form-ajax input[type="email"],
textarea {
  border: none;
  border-bottom: 2px solid #fff;
  border-radius: 0 !important;
  font-weight: 700 !important;
  background-color: transparent !important;
  color: #eada2a !important;
  font-size: 19px !important;
  /*color: #ffbf00 !important;*/
}

#webform_submission_banda_node_23_add_form-ajax input[type="text"]::placeholder,
#webform_submission_banda_node_23_add_form-ajax input[type="password"]::placeholder,
#webform_submission_banda_node_23_add_form-ajax input[type="email"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #eada2a !important;
}

#webform_submission_banda_node_23_add_form-ajax input[type="text"]:-ms-input-placeholder,
#webform_submission_banda_node_23_add_form-ajax input[type="password"]:-ms-input-placeholder,
#webform_submission_banda_node_23_add_form-ajax input[type="email"]:-ms-input-placeholder,
select::ms-input-placeholder,
textarea::ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #eada2a !important;
}

#webform_submission_banda_node_23_add_form-ajax input[type="text"]:-ms-input-placeholder,
#webform_submission_banda_node_23_add_form-ajax input[type="password"]::-ms-input-placeholder,
#webform-submission-banda-node-23-add-form input[type="email"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #eada2a !important;
}

/* PROGRESS BAR */

.webform-progress-tracker .progress-step.is-active .progress-text {
  color: #FFF;
}

.webform-progress-tracker .progress-step .progress-text {
  color: #3faddc;
  /* font-weight: 700; */
}



input#edit-nombre-banda,
input#edit-nombre-representante-,
input#edit-apellido-representante,
input#edit-email-confirm-mail-1,
input#edit-email-confirm-mail-2,
input#edit-password-pass1,
input#edit-password-pass2 {
  border: none !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  background: transparent !important;
  color: #eada2a !important;
  font-size: 19px !important;
}

/* OCULTAR SUGERENCIA DE PASSWORD */
.password-suggestions {
  display: none !important;
}

/* OCULTAR SEGURIDAD PAPSSWORD 1 */

.password-strength {
  display: none !important;
}

.js-password-confirm {
  /* display: none !important; */
}


#edit-terminos-condiciones label,
#edit-politica-datos label {
  display: initial !important;
}

.webform-flexbox {
  margin: 0;
}

fieldset#edit-email-confirm--wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.eme-band-intro {
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
  color: #ffffff;
  font-weight: 300 !important;
  font-size: 22px;
  /* width: 53%; */
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}

/* .js-form-item-nombre-banda input{
	width: 53%;
	margin: 0 auto;
    text-align: center;
} */


input.webform-button--next {
  width: 29rem;
  margin-top: 29px;
}

input.webform-button--previous {
  width: 24%;
  margin-top: 29px;
}


.afinidad-musical label {
  text-align: left !important;
}

.submit-boton input.form-number {
  display: none !important;
}


.submit-boton span.field-suffix {
  display: none !important;
}

input.webform-button--submit {
  width: 24%;
  margin-top: 29px;
}

.table thead th {
  border-bottom: none !important
}

.table td,
.table th {
  border-top: none !important;
  white-space: unset !important;
  /* width: auto !important; */
}

tr td,
tr th {
  border: none !important;
}

tr {
  border: none !important;
}

#webform_submission_banda_node_23_add_form-ajax thead {
  display: none;
}

#webform_submission_banda_node_23_add_form-ajax .table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent !important;
}

#webform_submission_banda_node_23_add_form-ajax .table-hover tbody tr:hover {
  background-color: transparent !important;
}

tr {
  background-color: transparent !important;
}

.canciones .description {
  display: none !important;
}

/* .canciones .webform-multiple-table--operations */

#webform_submission_band_node_23_add_form-ajax tr {
  border-bottom: none !important;
}


.webform-progress .progress-title[role="link"] {
  color: #3faddc !important;
}

.progress-step:not(:last-child)::after {
  z-index: 0 !important;
}

.webform-progress-tracker .progress-step::after {
  background-color: #eada4f !important;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  background-color: #ff2765;
}

.webform-progress-tracker .progress-marker::after {
  z-index: 0;
}

.progress-tracker--center .progress-marker::after {
  right: -702%;
}

.progress-marker::after {
  width: 172px;
    height: 4px;
}


.webform-progress-tracker .progress-step .progress-marker::after {
  background-color: #ffd816;
}

/* CIRCULO ACTIVO */
/* .progress-step.is-active .progress-marker {
    background-color: #eada4f !important;
} */
/* CIRCULO INACTIVO */
/* .webform-progress-tracker .progress-step:not(.is-active) .progress-marker, .webform-progress-tracker .progress-step:hover .progress-marker {
    background-color: #eada4f;
} */
/* TIPO DE FUNTE BOTONES ROJOS */
.btn-primary {
  font-family: 'Capriola', sans-serif !important;
}

.webform-progress-tracker .progress-step.is-active .progress-title {
  font-weight: normal !important;
}

.js-form-item-aceptar-politica-de-proteccion-de-datos label,
.js-form-item-aceptar-terminos-y-condiciones label {
  font-family: 'Capriola', sans-serif;
  font-size: 17px;
  display: initial !important;
}

label#aceptar_politica_de_proteccion_de_datos-error,
label#aceptar_terminos_y_condiciones-error {
  display: block !important;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.form-item-aceptar-terminos-y-condiciones {
  margin-bottom: 10px;
}

.afinidad-musical label {
  font-family: 'Capriola', sans-serif !important;
  font-size: 17px;
}

form p {
  font-size: 1.2rem !important;
  margin-top: 10px;
  /* margin: 10px 340px 20px 340px; */
}

/* FONDO COLOR CHECK  */

.checkbox label {
  margin-top: 5px;
}

.afinidad-musical {
  margin: 3% 0;
}

.text-afinidad-musical p {
  /* width: 60%; */
  /* margin: 0 auto; */
  /* padding-top: 3%; */
}

.descripcion-resena p {
  text-align: left;
  margin-bottom: 16px;
}

.canciones-container {
  background: rgba(221, 78, 145, 1);
  background: -moz-linear-gradient(top, rgba(221, 78, 145, 1) 0%, rgba(240, 136, 45, 1) 100%);
  /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,78,145,1)), color-stop(100%, rgba(240,136,45,1)));*/
  background: -webkit-linear-gradient(top, rgba(221, 78, 145, 1) 0%, rgba(240, 136, 45, 1) 100%);
  background: -o-linear-gradient(top, rgba(221, 78, 145, 1) 0%, rgba(240, 136, 45, 1) 100%);
  background: -ms-linear-gradient(top, rgba(221, 78, 145, 1) 0%, rgba(240, 136, 45, 1) 100%);
  background: linear-gradient(to bottom, rgba(221, 78, 145, 1) 0%, rgba(240, 136, 45, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4e91', endColorstr='#f0882d', GradientType=0);
  padding: 17px 0px;
  margin-top: 24px;
  flex-direction: column;

}

.canciones-container h3 {
  font-size: 22px;
  margin-top: 10px;
}

.webform-options-display-two-columns div:first-child {
  margin-top: 0px !important;
}

.webform-options-display-two-columns div:first-child label {
  margin-top: 0px !important;
}

.no-text:not(:first-child) {
  visibility: hidden !important;
}



.canciones-container input.btn {
  background-color: #23b26c !important;
  border-color: #23b26c !important;
  /* width: 50%; */
  /* margin: 0 auto; */
}

.canciones-container .js-form-item-canciones-add-more-items {
  /* display: none; */
}

.progress-step:not(:last-child)::after {
  height: 2px !important;
}

.text-descripcion-resena .webform-element-description {
  text-align: left;
  margin-bottom: 4%;
}

.text-descripcion-demo .webform-element-description {
  text-align: left;
  margin-bottom: 4%;
}

.progress-title {
  font-family: 'Capriola', sans-serif !important;
  font-weight: 300;
  font-size: 14px;
}

.submit-boton-canciones input[type="file"] {
  color: #eada2a;
  font-size: 19px;
  font-weight: 700;
  background-color: transparent;
  background: transparent;
  border: none !important;
  border-bottom: 2px solid #fff !important;
  border-radius: 0 !important;
  margin-top: -2px !important;
}

.canciones-container .form-control:focus {
  color: #ffffff !important;
}

.submit-boton-canciones small {
  /* display: none !important; */
}

/* fieldset .text-muted div.webform-element-description {
  display: none !important;
} */

/*.webform-multiple-table--operations{*/
/*	display: none !important;*/
/*}*/

tr[data-drupal-selector="edit-canciones-items-0"] td:last-child {
  /* display: none !important; */
}

tr[data-drupal-selector="edit-canciones-items-1"] td:last-child input:first-child {
  /* display: none !important; */
}

tr[data-drupal-selector="edit-canciones-items-2"] td:last-child input:first-child {
  /* display: none !important; */
}

tr[data-drupal-selector="edit-canciones-items-3"] td:last-child input:first-child {
  /* display: none !important; */
}

tr[data-drupal-selector="edit-canciones-items-4"] td:last-child input:first-child {
  /* display: none !important; */
}

tr[data-drupal-selector="edit-canciones-items-5"] td:last-child input:first-child {
  /* display: none !important; */
}

tr[data-drupal-selector="edit-canciones-items-6"] td:last-child input:first-child {
  /* display: none !important; */
}

tr[data-drupal-selector="edit-canciones-items-7"] td:last-child input:first-child {
  /* display: none !important; */
}

/*.webform-multiple-table td input[type="image"] {*/
/*  width: 28px;*/
/*  height: auto;*/
/*  box-sizing: border-box;*/
/*  margin: 0;*/
/*  border: transparent !important;*/
/*  padding: 1px;*/
/*}*/

.canciones-container .NFI-wrapper {
  background-color: transparent !important;
  border: none !important;
  overflow: hidden !important;
}

.canciones-container .NFI-button {
  background-color: #23b26c !important;
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: 13px;
}

.js-form-managed-file input {
  padding: 5px 0px !important;
  border-radius: 30px !important;
  font-size: 11px !important;
  /* width: 30% !important; */
}

.canciones-container .NFI-filename {
  color: #eada2a;
  font-size: 19px;
  font-weight: 700;
  background-color: transparent;
  background: transparent;
  border: none !important;
  /* border-bottom: 2px solid #fff !important; */
  border-radius: 0 !important;
  /* margin-top: -2px !important; */
}

.file--audio a {
  color: #eada2a;
  /* font-size: 14px; */
  font-weight: 700;
}

/* .canciones-container input[type="text"]{
	widows: 60% !important;
} */
/* .canciones-container td:first-child {
  width: auto !important;
} */

div.js-webform-audio-file {
  border-bottom: 2px solid #fff !important;
  /* margin-top: -2px !important; */
}

.block .block-webform-block {
  width: 100% !important;
}

.js-form-type-webform-audio-file div {
  /* padding-bottom: 10px !important; */
}

h1.title-confirm.text-center {
  color: #eada4f;
  text-shadow: none !important;
  margin-top: 31px !important;
}

.webform-confirmation__message h3 {
  font-size: 17px !important;
  margin: 2% 20%;
}

.webform-confirmation__message p {
  margin: 4% 20%;
}

.webform-progress-tracker .progress-step.is-complete .progress-text {
  color: #6fbee0 !important;
}

.afinidad-musical .js-form-item.js-form-type-checkbox {}

.form-item-afinidad-musical-the-ramones {
  margin-top: 0px !important;
}

.container-image-preview {
  /* background-image: url(http://eme.co/themes/custom/eme_band/images/banda-default.jpg) !important; */
}

.container-image-description1 .webform-flex--container:first-child {
  /* background-image: url(http://eme.co/themes/custom/eme_band/images/banda-default.jpg) !important; */
  width: 100%;
  height: 100%;
}

.container-image-preview img {
  width: 355px !important;
}

.webform-computed-loading {
  background-color: transparent !important;
}

.nameband-preview {
  text-shadow: none !important;
  text-transform: uppercase !important;
  font-size: 36px !important;
}

.boton-subir-perfil {
  /* font-family: 'Capriola', sans-serif !important;
  background-color: transparent !important;
  border-color: #ed2b63 !important;
  width: 50%;

  padding: 7px 0;
  text-transform: uppercase;

  margin: 55% 0 5%;
  cursor: pointer; */

}

.boton-subir-perfil {
  /* background: url(../images/lapiz-upload.png) no-repeat right transparent;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain; */
}

.webform-managed-file-preview input {
  width: 40% !important;
}

.js-webform-image-file {
  /* background-image: url(../images/banda-default-demo.jpg) !important;
  background-size: 353px;
  background-repeat: no-repeat;
  background-position: top; */
}

.boton-subir-foto-demo {
  /* background-color: transparent !important;
  border-color: #ed2b63 !important;

  width: 58%;

  padding: 7px 0;
  text-transform: uppercase;

  margin: 65% 0 6%;
  cursor: pointer; */
}

.boton-subir-foto-demo {
  /* background: url(../images/lapiz-upload.png) no-repeat right transparent;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain; */
}

.file--audio {
  /* padding-bottom: 16px !important; */
}

.file--audio {
  background-image: url(../images/audio-ico.png) !important;

}

/* .file {
  padding-left: 27px !important;
} */

option {
  background-color: #1079d0 !important;
  border: 0 !important;
}

#webform_submission_banda_node_23_add_form-ajax .custom-control-label::before {
  top: 0rem !important;
}

#webform_submission_banda_node_23_add_form-ajax .custom-control-label::after {
  top: 0rem !important;
}

#edit-password--wrapper .fieldset-wrapper {
  margin-top: -5px !important;
}

.webform-flex--container>.form-item {
  padding: 0 !important;
}

.link-pagina {
  text-decoration: underline;
}

.progress-marker::before{
  display: initial;
}

.progress-marker {
  width: 24px !important;
  height: 24px !important;
}

.progress-step.is-active .progress-marker {
  background-color: #eada2a !important;
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker {
  background-color: #eada2a !important;
}

.webform-progress-tracker .progress-step:not(.is-active) .progress-marker,
.webform-progress-tracker .progress-step:hover .progress-marker {
  background-image: url(../images/step.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.progress-step.is-active .progress-marker {
  background-image: url(../images/step-active.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.webform-submission-banda-node-23-form label.error {
  display: none;
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
  border-bottom: 2px solid #ff2765 !important;
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
  box-shadow: none !important;
}

/* https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/ */
.submit-boton-canciones .invisible {
  /* display: none; */
}

/* boton-subir-perfil */

label.error {
  display: none;
}

.alert-danger strong {
  font-weight: normal !important;
}

.invalid-feedback {
  color: #fff !important;
  font-size: 1rem !important;
}

.js-form-item-descripcion-o-resena {
  text-align: left !important;
}

.webform-managed-file-preview .webform-image-file {
  -webkit-box-shadow: 0px 0px 17px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 17px -8px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 17px -8px rgba(0, 0, 0, 0.75);
}



/* .webform-button--previous::before{
	background-image: url(../images/step-active.png) !important;
} */

/* '#default_value': '319'*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

  .container-band {
    margin-top: 18%;
  }

  #webform_submission_banda_node_23_add_form-ajax input[type="text"].form-control,
  #webform_submission_banda_node_23_add_form-ajax input[type="password"].form-control,
  #webform_submission_banda_node_23_add_form-ajax input[type="email"],
  textarea {
    font-size: 16px !important;
  }

  select {
    font-size: 16px !important;
  }

  .password-confirm {
    width: 100%;
  }

  .boton-subir-perfil {
    /* width: 85%; */
  }

  .js-form-managed-file input {
    width: 36% !important;
  }

  .boton-subir-foto-demo {
    /* width: 86%; */
  }

  .file--audio a {
    font-size: 13px;
    font-weight: 400;
  }

  .webform-confirmation__message p {
    margin: 6% 7%;
  }

  .webform-confirmation__message h3 {
    font-size: 17px !important;
    margin: 2% 10%;
  }

  .navbar-expand-lg .navbar-nav {
    margin: 0 auto !important;
  }

  /* TAMAÑO LOGO EN MOBILE */
  .navbar-brand img {
    width: 170px !important;
  }

  /* .js-form-item-nombre-banda input{
		width: 100%;
	} */

  .eme-band-intro {
    width: 100%;
    font-size: 19px;
  }

  input#edit-nombre-banda {
    width: 100%;
  }

  label.container-image-preview {
    font-size: 13px;
  }

  /* STEP BUTTONS */
  input.webform-button--previous,
  input.webform-button--next,
  input.webform-button--submit {
    width: 80%;
    margin-top: 23px;
  }

  input.webform-button--previous:focus,
  input.webform-button--next:focus,
  input.webform-button--submit:focus {
    color: #fff !important;
  }

  .btn-primary:focus {
    color: #fff !important;
  }

  .text-afinidad-musical p {
    width: 100%;

  }

  .canciones-container td:first-child {
    width: 100% !important;
  }

  .canciones-container input.btn {
    /* width: 100%; */
  }

  input#edit-nombre-banda {
    width: 100%;
  }

  .canciones-container {
    flex-direction: row;
  }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Styles */
}

/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

  .webform-flex--container>.form-item {
    padding: 0 !important;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

  .jumbotron .container {
    max-width: 80%;
  }

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  .jumbotron .container {
    max-width: 63%;
  }

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
  /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
  /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  /* Styles */
}