


/* 
 *  MEDIA QUERIES BOOTSTRAP
 *  Resoluciones manejadas por bootstrap
 */
 @media (max-width: 330px) { 
     .desk{
    	display: none;
    }

    .mob{
		display: flex;
    }

	h3{
		font-size: 1rem;
	}
    .txt1, .txt2, .txt3{
    	font-size: small;
 		padding: 0 70px;
 	}
 }

 @media (max-width: 576px) { 
	.desk{
    	display: flex;
    }

    .mob{
		display: none;
    }

	h3{
		font-size: 1rem;
	}
    .txt1, .txt2, .txt3{
    	font-size: small;
 		padding: 0 70px;
 	}
 }
  
 @media (max-width: 768px) {
    .desk{
    	display: flex;
    }

    .mob{
		display: none;
    }
    	h3{
    		font-size: 1rem;
    	}
    .txt1, .txt2, .txt3{
    	font-size: small;
 		padding: 0 70px;
 	}
 }
  
 @media (max-width: 992px) {
    .desk{
    	display: flex;
    }

    .mob{
		display: none;
    }
 }
  
 @media (max-width: 1200px) {
 	.container-full{
 		max-width: 100% !important;
 	}

    .desk{
    	display: flex;
    }

    .mob{
		display: none;
    }
 }

 @media (max-width: 1920px){
 	.desk{
    	display: flex;
    }

    .mob{
		display: none;
    }
 }

 .container-full{
 	margin-top: 3%;
 }

 .header, .fondo, .txt1{
 	background-color: #05081b;
 }

 .txt1 p{
 	color: #03a2f4;
 }

 .txt2{
 	background-color: #03a2f4;
 }

 .txt3{
 	background-color: #017ebe;
 }