/*
Theme Name:  Innovatech
Theme URI: http://wordpress.org/themes/innovatech
Author: @semioticags
Author URI: https://instagram.com/semioticags
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
date: technology, nets, firewalls,security,software, hardware, IT, IT services, IT solutions, IT consulting, IT support, IT management, IT infrastructure, IT systems, IT networks, IT security, IT operations, IT development, IT engineering, IT architecture, IT design, IT implementation, IT deployment, IT integration, IT testing, IT maintenance, IT monitoring, IT optimization, IT performance, IT scalability, IT reliability, IT availability, IT disaster recovery, IT business continuity, IT compliance, IT governance, IT risk management, IT project management, IT service management, IT change management, IT incident management, IT problem management, IT configuration management, IT asset management, IT service desk, IT help desk, IT support, IT knowledge management, IT documentation, IT training, IT education, IT certification, IT standards,
IT best practices, IT methodologies, IT frameworks, IT processes, IT tools, IT technologies,
Text Domain: Innovatech
*/
/*-------------------*/
/*-PALETA DE COLORES-*/
/*-------------------*/
:root {
--green: rgba(89, 187, 168, 1);
--greendark: rgba(1, 138, 136, 1);
--black: rgba(14, 28, 35, 1);
--grey: rgba(51, 55, 65, 1);
--ligthgray: rgba(166, 175, 177, 1);
--bruma:rgba(237, 239, 240, 1);
    }
/*---------------------*/
/*---the styles of these sheets are inherited from the single sheet of articles.------------------*/
/*---------------------*/


@media(min-width:200px){

.about-container{
width: 100%;
height: auto;
padding: 16px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
.about-box-text{
width: 100%;
height: auto;
margin-bottom: 24px;
}
.about-box-text h3{
color: var(--black) !important;
margin-bottom: 18px;
}
.about-box-text p{
margin-bottom: 24px;
}
.about-box-text a{
color: var(--greendark) !important;
text-decoration: underline;
font-size:18px;
}
.about-box-text a:hover{
text-decoration: none;
}

.about-image-container{
width: 100%;
height: 300px;
display: none;
}
.about-image-box{
width: 50%;
height: 300px;
margin: auto;

}
.about-image-container img{
height:  100%;
}


/*---fin de @media---*/
}
@media(min-width:400px){

/*---fin de @media---*/
}
@media(min-width:500px){

#about-header-section-box h3{
font-size: 32px;
width: 60%;
}
#about-header-desc-section{
width: 40%;
}
.about-image-container{
display: none;
}


/*---fin de @media---*/
}
@media(min-width:600px){


/*---fin de @media---*/
}
@media(min-width:700px){


/*---fin de @media---*/
}
@media(min-width:800px){


/*---fin de @media---*/
}
@media(min-width:900px){

.about-box-text{
width: 50%;
}

/*---fin de @media---*/
}
@media(min-width:1000px){
#about-header-section-box h3{
font-size: 36px;

}
.about-box-text h3{
font-size: 32px;
line-height: 38px;
}
.about-image-container{
display:block;
width: 48%;
height: 600px;
}
.about-image-box{
height: 600px;
width: 70%;
}


/*---fin de @media---*/
}
@media(min-width:1100px){

/*---fin de @media---*/
}
@media(min-width:1200px){

.about-image-box{
width: 57%;
}
/*---fin de @media---*/
}
@media(min-width:1300px){

.about-image-box{
height: 600px;
width: 50%;
}
.about-box-text p{
margin-bottom: 48px;
}

/*---fin de @media---*/
}
@media(min-width:1400px){

/*---fin de @media---*/
}
@media(min-width:1600px){
.about-container{
padding-left: 64px;
padding-right: 64px;
}

/*---fin de @media---*/
}
@media(min-width:1900px){
.about-box-text h3{
font-size: 36px;
}
.about-box-text p{
font-size: 18px;
line-height: 24px;
}
/*---fin de @media---*/
}