@media only screen and (max-width: 991px) {
    #movil {
        display: block;
    }
    #desktop {
        display: none;
    }
    input[type="text"] {
        font-family: eras-light;
        font-size: 42px;
    }
    input[type="password"] {
        font-family: eras-light;
        font-size: 42px;
    }
    .navigation-bar {
        background: #032d49 !important;
    }
    .navigation-bar--element {
        font-family: eras-mi;
        color: #75cbce;
        font-size: 84px;
        font-weight: bold !important;
        padding-right: 80px;
        padding-top: 50px;
    }
    .login-container-mov {
        background-color: #011414;
        font-size: 38px;
        border-radius: 10px;
        box-shadow: 5px 5px;
        padding: 50px;
        margin-top: 150px !important;
    }
    .login-container-mov--label {
        font-family: eras-mi;
        color: #8ae6e9;
    }
    .login-container-mov--label-title {
        font-family: eras-mi;
        color: #8ae6e9;
        font-size: 64px;
        padding-left: 90px;
        border-bottom: dashed;
        border-bottom-width: 8px;
    }
    .login-container-mov--input {
        background-color: #043e4a;
        color: white;
        border-color: #043e4a;
        border-radius: 30px;
    }
    .login-container-mov--image {
        right: -100px;
        position: absolute;
        top: -100px;
    }
    .login-container-mov--teacher {
        margin-top: 35px;
        font-family: eras-light;
        font-size: 42px;
    }
    .login-container-mov--teacher-log {
        font-family: eras-mi;
        font-size: 42px;
        color: #043e4a;
    }
    #otherlog {
        text-decoration: none;
    }
    .login-container-mov--button {
        background-color: #8ae6e9;
        color: #043e4a;
        margin-top: 70px;
        border-radius: 30px;
        font-family: eras-mi;
        font-size: 40px;
    }
    .login-container-movil {
        background-image: url("../img/home/login-container.png");
        background-repeat: no-repeat;
        padding-top: 120px;
        padding-left: 20px;
        color: #fff;
        width: 380px;
        margin: 0 auto;
    }
    .hi-container-movil {
        margin-top: 200px !important;
        background: #032d49;
        padding: 90px;
        border-radius: 10px;
        box-shadow: 5px 5px;
    }
    .hi-container-movil--text-first {
        margin-top: 175px;
        font-family: eras-light;
        text-align: justify;
        font-size: 38px;
        color: #fff;
    }
    .hi-container-movil--text {
        font-family: eras-light;
        text-align: justify;
        font-size: 38px;
        color: #fff;
    }
    .hi-container-movil--text-title {
        padding-top: 10px;
    }
    .hi-container-mov--image {
        right: 475px;
        position: absolute;
        top: 2750px;
    }
}

@media only screen and (min-width: 992px) {
    #movil {
        display: none;
    }
    #desktop {
        display: block;
    }
}

@font-face {
    font-family: eras-light;
    src: url(../fonts/Eras/eraslght.ttf);
}

@font-face {
    font-family: eras-mi;
    src: url(../fonts/Eras/erasdemi.ttf);
}

body {
    background-image: url("../img/global/background.jpg");
}

header {
    border-bottom: 5px dotted red;
}

p {
    font-size: 11px;
}

.hi-container {
    background-image: url("../img/home/hi-container.png");
    background-repeat: no-repeat;
    background-size: 380px 600px;
    padding-top: 180px;
    padding-left: 50px;
    padding-right: 30px;
    color: #fff;
}

.login-container {
    background-image: url("../img/home/login-container.png");
    background-repeat: no-repeat;
    padding-top: 120px;
    padding-left: 20px;
    color: #fff;
    width: 380px;
    margin: 0 auto;
}

.login-container form {
    width: 320px;
}

.login-input {
    border-radius: 30px;
}


/*-----*/

.info-container {
    margin-top: 75px;
    background-image: url("../img/info/container.png");
    background-repeat: no-repeat;
    background-size: 550px;
    padding-top: 110px;
    padding-left: 30px;
    padding-right: 60px;
    padding-bottom: 75px;
    color: #fff;
}

.centerImage {
    left: 125px;
    position: absolute;
    top: -65px;
}

.info-image-container {
    margin-top: 50px;
}


/**-- --**/

.contact-container {
    /*
    margin-top: 75px;
   background-image: url('../img/contact/contact-container.png'); 
  background-repeat: no-repeat;
  padding-top: 160px;
  padding-left: 50px;
  padding-right: 100px;
  padding-bottom: 100px;*/
    background-image: url("../img/global/container.png");
    color: #fff;
    text-align: center;
    vertical-align: center;
    margin-top: 95px;
    padding-top: 3%;
}

.other {
    background-image: url("../img/global/container.png");
    width: 100;
    color: #fff;
    background-size: cover;
    text-align: center;
    vertical-align: center;
    margin-top: 95px;
    padding-top: 3%;
    border-radius: 6%;
}

.map-container {
    margin-top: 145px;
}


/**-- --**/

.teachers-container {
    margin-top: 100px;
    background-image: url("../img/info/container.png");
    background-repeat: no-repeat;
    background-size: 1175px 1025px;
    padding-top: 120px;
    padding-bottom: 100px;
    color: #fff;
}

.image-container {
    width: 125px;
    height: 150px;
}

.image-modal {
    width: 200px !important;
    height: 225px !important;
}

.imageText {
    font-size: 30px;
}

@font-face {
    font-family: FuturaLight;
    src: url("../fonts/futuralight/FuturaLight.ttf");
}

@font-face {
    font-family: GothamRoundedLight;
    src: url("../fonts/GothamRoundedLight/GothamRoundedLight.otf");
}

@font-face {
    font-family: skarpa;
    src: url("../fonts/aleo/LinguisticsPro-Italic.otf");
}