@charset "utf-8";
/* CSS Document */

section.section {padding: 30px 0;}




  /*  background-repeat: no-repeat;
  background-size: contain;
  min-height: 190px;
*/

/*===========Hero Styles==============*/
#simply-smarter.pro-av #hero {
  background-color: #ffffff;
 
 } 
 
 @media handheld, only screen and (min-width: 768px) {
    #simply-smarter.pro-av #hero {
          background-image: url(https://business.sharpusa.net/Portals/0/images/proav-software-solutions@2x.webp);
		   

  background-position: right center;
/*
        background-image: url(/portals/0/images/globe.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(206, 17, 43, 1) 100%);
        background-repeat: no-repeat, no-repeat;
        background-position: 85% top, left;
        text-align: left;
*/
    }
	
 #simply-smarter.pro-av #hero h1{
        width: 57%;
    }
}

@media only screen and (max-width: 1060px) {
  .pro-av.softwareApplications #hero {
 background-size: 55%;
  }
}

#simply-smarter.pro-av #hero h1 {
    color: #236192;
    font-size: 27px;
	width: 100%;
}
.subhead {
    font-size: 18px;
	font-weight: 600;
    line-height: 1.5em;
    letter-spacing: 0;
    color: #000000;
	padding-top: 15px;
	width: 50%;
        font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}
	
section#software-menu li { border-right: none;}

.bg-gray {
    background-color: #e6e6e6;
}


	
	section#software-menu li { border-right: 1px solid #ffffff;}
    







@media handheld, only screen and (min-width: 1600px) {
/*
  .pro-av #hero h1 {
    font-size: 37px;
    width: 66%;
  }
*/

/*
  .menu-spacing {
    padding: 0px;
  }
*/
}

/*================software menu styles=============*/

section#software-menu {
    background-color: #000000;
    padding: 25px 0;
    text-align: center;
    padding: 10px 0;
}

section#software-menu a:link, section#software-menu a:active, section#software-menu a:visited {color: #ffffff;}
section#software-menu a:hover {background-color: #ffffff; color: #000000;}
/*section#software-menu li { border-right: 1px solid #ffffff;}*/
section#software-menu li:last-child {border-right: none;}


/*==============software card styles===================*/

.softwareApplications.pro-av .card-deck .card .card-header {
  background-color: #ffffff;
  min-height: 158px;
  border-bottom: 0px;
align-content: center;
}

.softwareApplications.pro-av .card-deck .card .card-body {
  background-color: #ffffff;
}

.softwareApplications.pro-av .card-h {
 text-align: center; 
  padding-bottom: 10px;
  /*--font-size: 18px;--*/
  font-weight: 600;
  
}

.softwareApplications.pro-av .card-deck .card {flex-basis: 30%; max-width: 100%; margin-bottom: 10px;}

.softwareApplications.pro-av .card-deck.applications {
  margin-top:55px;
}

.softwareApplications.pro-av .card-deck.applications .card {
  flex-basis: 30%; 
  max-width: 100%; 
  margin-bottom: 10px;
}

.softwareApplications.pro-av .card-deck.applications .card .card-body {
background-color: #ffffff;
}

.softwareApplications.pro-av .card-deck.applications .card .card-footer {
background-color: #ffffff;
  border-top: 0px;
}

.softwareApplications.pro-av .card-deck.applications .card .card-footer .btn-primary {
  display: block;
}

@media handheld, only screen and (min-width: 768px) {
.softwareApplications.pro-av .card-deck .card {flex-basis: 30%; max-width: 30%; margin-bottom: 10px;} 
#simply-smarter #hero {
    min-height: 240px;
    align-items: center;
 background-size: 54%, auto;
}
}

@media handheld, only screen and (min-width: 1108px) {
#simply-smarter #hero {
    min-height: 280px;
    align-items: center;
	 background-size: 45%, auto;
}
}

@media handheld, only screen and (min-width: 1983px) {
#simply-smarter #hero {
    min-height: 355px;
    align-items: center;
	 background-size: 45%, auto;
}
}