contenido-alta-video.css

.principal {
  background-color: #f6f6f6;
  min-height: 800px;
  border-bottom: 2px solid #5aa1e3;
  border-top: 2px solid #5aa1e3;
  width: 100%; }

.contenido {
  background-color: #f6f6f6;
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 1070px;
  height: 100%; }
  .contenido .contenido-flexible {
    background-color: #f6f6f6;
    margin-bottom: 16px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0; }
    .contenido .contenido-flexible h3 {
      width: 60%; }
    .contenido .contenido-flexible .form-alta-video {
      width: 100%; }

@media (max-width: 340px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; } }
@media (min-width: 341px) and (max-width: 387px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 330px;
    padding-left: 2px;
    padding-right: 2px; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; } }
@media (min-width: 388px) and (max-width: 500px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 388px;
    padding-left: 2px;
    padding-right: 2px; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; }
    .contenido .h3 {
      width: 90%; } }
@media (min-width: 501px) and (max-width: 575.98px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 501px; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 576px; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 664px; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; } }
@media (min-width: 992px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 50%; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; } }

/*# sourceMappingURL=contenido-alta-video.css.map */