#respmb {
  position: absolute;
  left: 20px;
  color: #0a4490;
  font-size: 36px;
}

#respmc {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #ffffff;
  font-size: 40px;
  z-index: 10;
  opacity: 1;
}

@media only screen
and (min-width : 1281px) {
  .resp {
    display: none;
  }  
}

/* 1280 */
@media only screen
and (max-width : 1280px) {
  .noresp,
  header .prestige-container {
    display: none;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  header .social-container {
    right: 20px;
  }
  section#footer {
    padding: 0 20px;
  }
  header {
    height: 100px;
  }
  section.pageimage {
    flex-direction: column !important;
  }
  section.pageimage .image-container {
    width: 100%;
  }
  section.pageimage .info-container {
    height: auto;
  }
  section.pageimage .image-container::after {
    width: 100%;
    height: 50px;
    top: auto;
    bottom: 0;
  }
  section.pageimage-main,
  section.pageimage-default {
    height: auto;
    min-height: 0;
    max-height: none;
  }
  section.pageimage-main .image-container {
    height: 50vh;
  }
  section.pageimage-default .image-container {
    height: 30vh;
  }  
  section.pageimage-main h1 {
    display: none;
  }
  section.pageimage-main p {
    text-align: center;
    margin: 15px 0;
  }
  section.pageimage-main h3 {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }
  section#highlight .entry:nth-child(2) img {
    object-position: top;
  }
  nav {
    position: fixed;
    width: 100%;
    background: rgba(10,68,144,0.95);
    top: 0;
    left: 0;
    z-index: 3000;
    height: 0;
    opacity: 0;
    justify-content: center;
    padding: 30px 30px 0 30px;
    overflow: hidden;
  }
  nav.visible {
    height: 100%;
    opacity: 1;   
  }
  nav ul {
    flex-direction: column;
    justify-content: flex-start !important;
  }
  nav li {
    height: auto;
    width: 100%;
    justify-content: center;
  }
  nav li:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: rgba(255,255,255,0.5) 1px dotted;
    margin-bottom: 10px;
  }
  nav li a {
    color: #ffffff !important;
  }
  nav li.selected::after {
    display: none;
  }
  section.pageimage-default h2 {
    display: none;
  }
  section.pageimage-default h1 {
    font-size: 30px;
    text-align: center;
    margin: 15px 0;
  }
  section#hurry {
    padding: 50px 20px;
    height: auto;
    background: #0a4490 url(../img/background-bl.jpg) right center no-repeat;
    background-size: cover;
  }
  section#hurry p {
    text-align: center;
  }
  section#hurry img {
    display: none;
  }
  section#hurry h4 {
    text-align: center;
  }
  main {
    padding-bottom: 90px;
  }
  #pricing h3,
  #pricing h4,
  #pricing h5,
  #timing h3,
  #timing h4,
  #timing h5 {
    text-align: center;
  }
  #cookie {
    bottom: 100px;
    left: 50%;
    transform: translate(-50%, 0);
  }  
}

/* 992 */
@media only screen
and (max-width : 992px) {
  .items.col-2 .entry {
    width: calc((100% / 1) - 30px);
  }
  .items.col-3 .entry {
    width: calc((100% / 1) - 30px);
  }
  .items.col-4 .entry {
    width: calc((100% / 2) - 30px);
  } 
  section#footer .button {
    padding-left: 20px;
    padding-right: 20px;
  }
  section#tematics .image-container {
    display: none;
  }
  section#tematics h2,
  section#tematics .list-container {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0 20px 15px 20px;
  }
  section#tematics h2::after {
    width: 50%;
    left: auto;
  }
  #timing .entry:first-child,
  #timing .entry:nth-child(2) {
    margin-bottom: 30px !important;
  }
  section#hurry p {
    display: none;
  }
  section#contact .entry:first-child {
    order: 2;
  }
  section#contact .entry:last-child {
    order: 1;
    margin-bottom: 30px;
  }
  section#contact h2 {
    width: 100%;
  }
  section#contact iframe {
    height: 50vh !important;
  }
  #contacting .entry:first-child {
    margin-bottom: 30px !important;
  }
  #registration-form input,
  #registration-form textarea {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
  #registration-form .row {
    flex-direction: column;
    margin: 0 !important;
  }
  #registration-form button {
    width: 100%;
    margin: 0 !important;
    height: 45px;
  }
  .quote-photo li {
    flex-direction: column;
  }
  .quote-photo .image {
    margin: 0 auto 10px auto;
  }
  .quote-photo h2,
  .quote-text h2 {
    text-align: center;
    flex-direction: column;
  }
  .quote-photo .quote {
    padding-left: 0;
  }
  .quote-photo h2 span,
  .quote-text h2 span {
    margin-left: 0;
  }
  .quote-text h2 {
    padding-left: 0 !important;
  }  
  .quote-text h2::before {
    position: relative;
    top: 0;
  } 
}

/* 768 */
@media only screen
and (max-width : 768px) {
  .items.col-4 .entry {
    width: calc((100% / 1) - 30px);
  }  
  #timing .entry:first-child,
  #timing .entry:nth-child(2),
  #timing .entry:nth-child(3) {
    margin-bottom: 30px !important;
  }
  #cookie {
    flex-direction: column;
    width: calc(100% - 60px);
  }
  #cookie .icon {
    margin: 0 auto;
  }
  #cookie .content {
    padding-left: 0;
    padding-top: 20px;
    text-align: center;
  }
  #cookie .content span {
    text-align: center;
  }
  #cookie .button {
    margin-left: auto;
    margin-right: auto;
  }
  #highlight-fashion h2 {
    margin-left: 0;
    display: block;
    text-align: center;
  }
  #highlight-fashion .image {
    margin-bottom: 0;
  }  
}

/* 576 */
@media only screen
and (max-width : 576px) {
  section#footer .logos,
  header .social-container {
    display: none;
  }
  header .logo-container {
    margin-left: auto;
    margin-right: 20px;
    height: 60px;
  }
  section#content h2 {
    flex-wrap: wrap;
    width: auto;
    text-align: center;
  }
  section#content p.notfound {
    font-size: 180px;
  }
  section#highlight h3 {
    font-size: 22px;
  }
  #contacting a {
    font-size: 20px;
  }
  section#instructor .entry .head {
    flex-direction: column;
  }
  section#instructor .entry .image {
    width: 100%;
  }
  section#instructor .entry h2 {
    width: 100%;
    margin-left: 0;
    margin-top: -20px;
    padding-left: 20px;
    padding-top: 40px;
  }
  #highlight-fashion h2 {
    font-size: 22px;
  }  
}

/* 400 */
@media only screen
and (max-width : 400px) {
  #highlight-fashion .image {
    height: 300px;
  }
}