body{
  font-family: "avenir";
}

.top{
  height: 400px;

}

.licenciatura{
  text-align: center;
  padding-bottom: 7%;
  font-size: 36pt;
}

.resp{
  display: none;
}

#congela{
  font-family: "avenir-l";
  text-align: center;
  font-size: 17pt;
  padding-top: 20px;
}

.visita{
  text-align: center;
}

.link{
  font-family: "avenir-l";
}

.linea{

}

.footer{
  padding-left: 9%;
padding-right: 6%;
padding-bottom: 220px;
}

.copo{
  width:100px !important;

}

.tam{
  width: 100px;
}

.tam_2{
  width: 98px;
}

@font-face {
    font-family: avenir;
    src: url(fonts/Avenir-Black-03.ttf);
}

@font-face {
    font-family: avenir-l;
    src: url(fonts/Avenir-Light-07.ttf);
}

.sec{
  padding-bottom: 6%;
}

.pb{
  padding-bottom: 80px;
}

.pt{
  padding-top: 11px;
}

.pt-16{
  padding-top: 16px;
}

.vida{
  float: right;
  position: relative;
  font-size: 22pt;
  font-weight: bold;
}

.pro{
  padding-right: 8%;
}

.sec2{
  margin-top: 45%;
}

.soli{
  text-align: center;
  font-size: 20pt;
  font-weight: bolder;
  border-bottom: 1px solid;
  padding: 10px;
}

.formu{
  border: 1px solid black;
  padding: 7px 0;
}

.form-group.col-md-12{
  border: 1px solid;
  border-bottom: white;
  border-left: white;
  border-right: white;
}

.texto{
  float: right;
  position: relative;
  width: 45%;
  margin-top: 30%;
  margin-right: -37%;
}

.text{
  font-size: 15pt;
  font-family: "avenir-l";
}

.foto{
  position: absolute;
  width: 54.1%;
}

.formulario{
  height: 700px;
}

.pb-10{
  padding-bottom: 7%;
}

iframe{
  width: 100%;
height: 100%;
border: none;
}

.media{
  width:50px;

}

.linkmedia{
  padding: 14px;
}

@media (max-width : 769px)  {

  #congela{
    font-size: 11pt;
  }

  .pre-acc{
    margin-top:5px !important;
  }

  .p0{
    padding: 0px !important;
  }

  .copo_1{
    padding-left: 0px !important;
  }

  .footer {
      margin-top: 11px;
      margin-bottom: -103px;
  }

  .licenciatura{
    font-size: 24pt;
  }

  .formu{
    width:100%;
  }

  .soli{
    font-size: 14pt;
  }

  .text{
    font-size: 11pt !important;
  }

  .estudiar{
    font-size: 16.5pt !important;
  }

    .pb{
      width: 100%;
    }

    .franja{
      width: 37% !important;
    }

    .colep{
      margin-right: 20%;
      width: 36% !important;
      margin-top: 7% !important;
      margin-right: 21% !important;
    }

    .sep{
      width: 37% !important;
      margin-top: 5% !important;
      margin-right: 20% !important;
    }

    .texto{
      width: 84% !important;
      margin-top: 30% !important;
      margin-right: -85% !important;
      padding-bottom: 7% !important;
      padding-top: 1% !important;
    }

  .pt-16{
    padding-top: 0px;
  }

  .pt{
    padding-top: 17px;
  }

  .sec2{
        margin-top: 10%;
  }

  .foto, .degradado{
    display: none;
  }

  .resp{
    display: block;
    width: 100%;
  }



  }


  .top{
    height: 1px;
  }



  .tam{
    width: 72px !important;
    text-align: center;
    float: right;
  }



  .tam_2{
    width: 73px !important;
    float: right;
  }

  /*@media (max-width: 560px) and (min-width: 320px) {

  .texto{

    width: 84% !important;
    margin-top: 30% !important;
    margin-right: -79% !important;
    padding-bottom: 7% !important;
    padding-top: 7% !important;
  }

  .sep{
    float: right;
    position: relative;
    width: 48% !important;
    margin-top: 5% !important;
    margin-right: -6% !important;
  }


  .franja{
    float: right;
    position: relative;
    width: 46% !important;
  }

  .colep{
    float: right;
    position: relative;
    width: 50% !important;
    margin-top: 7% !important;
    margin-right: -5%;
  }
}*/
}

@media (max-width : 560px) {

  .texto{

    width: 84% !important;
    margin-top: 30% !important;
    margin-right: -79% !important;
    padding-bottom: 7% !important;
    padding-top: 7% !important;
  }

  .licenciatura{
    font-size: 24pt !important;
  }

  .sep{
    float: right;
    position: relative;
    width: 48% !important;
    margin-top: 5% !important;
    margin-right: -6% !important;
  }


  .franja{
    float: right;
    position: relative;
    width: 46% !important;
  }

  .colep{
    float: right;
    position: relative;
    width: 50% !important;
    margin-top: 7% !important;
    margin-right: -5%;
  }

  .estudiar {
    font-size: 11.5pt !important;
  }
}