/** Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap **/

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) {
  
}


/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {  
	
  .h1, h1{font-size:2rem; letter-spacing: 2px;}
  
  .principal-home h1 {
    font-size: 2.5rem;
    padding: 10px 60px 10px 40px;
    top: 45vh;
    max-width: 50%;}

.document-icon-row .document-icon{width:23% !important; padding:0 1%;}


}


/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) { 
	
.cabecera-pagina {
    height: 400px;
    overflow: hidden;}


.cabecera-pagina:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 400px;
    background: rgba(0,0,0,.2)
} 

.cabecera-pagina h1{font-size: 3rem;}


h2.titulo-home {font-size: 2.5rem;}

.site-header-sticky .logotipo {
    max-width: 364px;
    margin-top: 0;
    transition: all 750ms;
}

	
}

/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) { 
	
	.principal-home h1 {
    font-size: 3rem;}
	
    
}