@font-face {
    font-family: 'julietta';
    src: url(../julietta.ttf) format('truetype');
}

.contactimg {
    background-image:url('../img/shoes1.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;}


.fiolet {background-color:#501555; border: none; color:#fff;}
.fiolet:hover {background-color:#952d99; border: none; color:#fff;}
.btn-secondary {background-color:#000;opacity:0.5; border: none; color:#fff;}
.btn-secondary:hover {background-color:#000; opacity:0.7;border: none; color:#fff;}
.lead {text-align:justify;}

.registration {
    background-image:url('../img/reg2.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;}


h1 {font-family: 'julietta'; letter-spacing:2px;
  text-shadow: 4px 6px #000;}


a {color:#952d99;}
a:hover {color:#501555;}
.btn-secondary {background-color:#000;opacity:0.5; border: none; color:#fff;}
.btn-secondary:hover {background-color:#000; opacity:0.7;border: none; color:#fff;}
.lead {text-align:justify;}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
table th,
table td {
  padding: .625em;
  text-align: center;
}


table th {
  font-size: .85em;
  letter-spacing: .1em;
  font-weight:700;
  text-transform: uppercase;
padding:30px;
background-color:#952d99;
color:#fff;
}


table td .small {display:none;}

@media screen and (min-width: 600px) {.table1 {display:none;}}


@media screen and (max-width: 600px) {
  .table2 {display:none;}

  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    color:#9d2799;
  }
  table td:last-child {
    border-bottom: 0;
  }
}


@media screen and (max-width: 800px) {
  .registration {background-image:url('../img/reg2.jpg');
    height:400px;
    background-repeat: no-repeat;
    background-position: top;}

.contactimg {
    background-image:url('../img/shoes1.jpg');
    height:400px;
    background-repeat: no-repeat;
    background-position: top;}

.intro-header {background-image:url('../img/smbg.jpg');
    height:500px;
    background-repeat: no-repeat;
    background-position: left;
    }

.intro-message {padding-top:35%;}
}