/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.1.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.altoImagen {

    height: 150px;
}

.altoTexto {

    height: 60px;
}

.margenArticulo {

    margin: 5px;
}

.imagenArticulo {

    max-height: 200px;
}

.iPhone6S {
    /* this is the render are dimension */
    /* media queries look up to this */
    width:390px;
    height:667px;
    transform-origin: 0 0;
    transform:scale(0.67); 
    /* you can calculate it by something like : 
        108/326*2 = 0.663 => 0.67*/
    /* zoom:...; */ /* This is non-standard feature */
                    /* FireFox and Opera don't support it */
}