html{
    background-size: 2.5%;
    color: white;
    font-weight: lighter;
    overflow-x: hidden;
    background-color: #0B121D;
}
* {
    box-sizing: border-box; 
} 
body{
    z-index:90;
    letter-spacing: 0.01em;
}
#staticBackground{
    z-index: -1000;
    position: fixed;
    height: 102vh;
    width: 100vw;
    background-image: url(../img/Logos/branchDsSqureLogoColorV3.png);
    background-repeat: repeat;
	top: 0;
    background-size: 25px;
}
a{
    color:#91a9de;
    text-decoration: none;
}
#serviceCTAcontentInfo a{
    color: rgba(255, 255, 255, 0.486);
}
a:hover{
    cursor: pointer;
    color: #e8e8e8;
}
h1{
    margin: 0;
    color: white; 
    font-size: 29px;
    line-height: 41px;
    font-weight: lighter;
}
h2{
    margin: 0 0 10px 0;
    font-size: 27px;
    font-weight: lighter;
    color: white;
}
p{
    margin: 0;
    font-size: 25px;
    line-height: 36px;
    letter-spacing: 1px;
    color:#91a9de;
    /* color:#8a0b30; */
    /* color:#79491e; */
}
span{
    font-weight: lighter;
    color:#91a9de;
    /* color:#8a0b30; */
    /* color:#79491e; */
}
.letterTracking{
    letter-spacing: 3px;
    color: #e8e8e8;
    text-shadow: 1px 3px 8px #000000;
}
.topicHeaders{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 50px;
    padding: 0 7%;
    /* width: 50%; */
    margin: auto;
}

.subtopicHeaders{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 30px;
    padding: 0 7%;
    /* width: 50%; */
    margin: auto;
}

/* Global rules END */


/*Top Color Bars */
#colorBarContainer{
    z-index: 999;
    position: fixed;
    top: 1px;
    width: 100%;
    height: 55px;
}
/*SECTION WRAPPER STARTS*/
.sectionWrapper{
    margin: auto;
    width: 99vw;
    height: fit-content;  
	float: left;
    width: 100%;
}
#splash{
    background-image: url(../img/Background-Images/Branch-Prong.png);
    background-repeat: no-repeat;
    background-position-y: -350px;
    background-position-x: -50px;
    background-size :450px;
    height: 69vh;
    /* background-color: green; */
}
#CTAcopy{
    font-size: 22px;
    margin-bottom: 40px;
    line-height: 26px;
}
#introduction {
    background-image: url(../img/Background-Images/Call-Center-People-B.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
    /* box-shadow: inset 0px 230px 270px #0b121d; */
    box-shadow: inset 0px 1547px 200px #0b121d;
}
#shadowBox-1{
    z-index: 2000;
}


#Survailance-Bullets-Container p{
    font-size: 18px;
    line-height: 25px;
}
#consultation {
    height: 120vh;
    background-image: url(../img/Background-Images/People-At-Work.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: inherit;
}
#consultantServicesTitle{
    text-align: center;
    font-size: 38px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 40px;
}
#managedServiceHeaderSection{
    height: 279px;
    padding: 100px 0 100px 0;
    background-color: #191f33;
    border-bottom: solid 2px #91a9de;
    background-image: url(../img/Logos/branchDsSqureLogoColor.gif);
    background-size: 20px;
    box-shadow: inset 0px 0px 300px #0a1124;
}
#consultingServiceHeaderWrapper{
    min-width: 300px;
    margin: auto;
    padding: 65px 7% 15px 7%;
    background-color: #0b121e;
}
#managedServiceHeaderWrapper{
    min-width: 300px;
    margin: auto;
    padding:344px 0;
    padding: 344px 7% 344px 7%;
    padding: 0 7%;
    background-color: #0b121d;
    height: 1420px;
    padding: 16% 7%;
    background-image: url(//img/Background-Images/Branch-Prong.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#managedServiceOne,
#managedServiceTwo,
#managedServiceThree,
#managedServiceFour{
    float: left;
    /* padding-top: 45px; */
    height: 100px;
    width: 292px;
    /* margin: 30px 0; */
    text-align: center;
    background-size: 50px;
    background-position-y: bottom;
    background-position-x: center;
    background-repeat: no-repeat;
}
#managedServiceOne h1,
#managedServiceTwo h1,
#managedServiceThree h1,
#managedServiceFour h1{
    color: #e8e8e8;
    font-weight: lighter;
    font-size: 20px;
    text-align: center;
}
#mainManagedServiceItemWrapper{
    margin: auto;
    margin-top: 25px;
    width: 1422px;
    height: 150px;
    background-color: #0b121d;
}
#managedServicesTitle{
    text-align: center;
    font-size: 36px;
    margin-top: 100px;
    letter-spacing: 1px;
}

#managedServiceOne{
    position: relative;
    background-image: url(../img/consultation/userAdministraionIcon.png);
    width: 204px;
    width: 25%;
}
#managedServiceTwo{
    position: relative;
    background-image: url(../img/consultation/applicatioAdministration.png);
    width: 267px;
    width: 25%;
}
#managedServiceThree{
    position: relative;
    background-image: url(../img/consultation/firewallSecIcon.png);
    width: 181px;
    width: 25%;
}
#managedServiceFour{
    position: relative;
    background-image: url(../img/consultation/EndpointManIcon.png);
    width: 247px;
    width: 25%;
}
#managedServiceHeaderText, #itConsultationServicesHeaderText{
    float: none;
    margin: auto;
    margin-bottom: 160px;
    height: fit-content;
    text-align: center;
    font-size: 30px;
    font-size: 25px;
    line-height: 50px;
    width: 55%;
}
#itConsultationServicesHeaderText{
    margin-top: 191px;
}
#managedServiceColorBar,#consultationColorBar{
    margin: auto;
    height: 5px;
    width: 50%;
    position: relative;
}
#managedServiceColorBar{
    background-color: #813b46;
}
#consultationColorBar{
    margin-top: 20px;
    background-color: #896943;
    width: 60%;
}
#managedServiceCopy{
    margin-top: 20px;
    text-align: center;
}
#consultationHeaderText{
    margin-left: 0px;
    text-align: left;
    font-size: 32px;
    font-weight: bolder;
    width: 500px;
}
#shadowBox-1{
    height: 100%;
    box-shadow: inset 0px -370px 370px #0B121D;
}
.learnMore{
    border: 1px solid #91a9de;
    padding: 10px 25px;
}
.learnMore:hover{
    background-color:#91a9de;
}
/*CONTENT WRAPPER START*/
.contentWrapper{
    z-index: 20;
    margin: auto;
    max-width: 1930px;
    min-width: 300px;
}
#splashContentWrapper {
    position: relative;
    top: 52%;
    transform: translateY(-50%);
    height: 20%;
    width: auto;
    padding: 0;
    background-image: url(../img/Logos/0-BDS-Mod-Tech-LOGO.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    /* background-color: gray; */
}
#CTAwrapper{
    margin: auto;
    height: 30vh;
    min-height: 207px;
    width: 100vw;
}
#CTAservietitles{
    font-size: 28px;
}
/* #serviceCTA1, */
#serviceCTA2,
#serviceCTA3{
    float: right;
    width: 33.33%;
    width: 49.99%;
    min-width: 207px;
    height: 100%;
    padding: 3px;
    background-color: #1e2634;
    background-size: 150%;
    background-position-x: center;
    box-shadow: inset 0px -220px 150px #0B121D;
    transition: .15s;
}
/* #serviceCTA1{
    background-image: url(../img/Background-Images/People-At-Work.png);
    background-size: 5px;
    background-size: 25px;
    background-size: 160%;
    box-shadow: inset 0px 0px 0px #0b121d00;
    background-color: #92aadc67;
} */
#serviceCTA2{
    background-image: url(../img/Background-Images/People-At-Work-CTA.png);
    background-size: 5px;
    background-size: 25px;
    background-size: 160%;
    box-shadow: inset 0px 0px 0px #0b121d00;
    background-color: #92aadc67;

}
#serviceCTA3{
    background-image: url(../img/Background-Images/Call-Center-People-CTA.png);
    background-size: 5px;
    background-size: 25px;
    background-size: 160%;
    box-shadow: inset 0px 0px 0px #0b121d00;
    /* background-color: #92aadc67; */
}
/* #serviceCTA1:hover, */
#serviceCTA2:hover,
#serviceCTA3:hover{
 background-size: 5px;
 background-size: 25px;
 background-size: 160%;
 box-shadow: inset 0px 0px 0px #0b121d00;
}
/* #serviceCTA1:hover{
    background-color: rgba(230, 127, 2, 0.255);
    background-color: #92aadc67;
} */
#serviceCTA2:hover{
    /* background-color: rgba(230, 2, 2, 0.233); */
    background-color: #92aadc67;
}
#serviceCTA3:hover{
    background-color: #92aadc67;
}
#serviceCTAcontentInfo{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    width: 80%;
    height: 80%;
}
/* #CTAbutton1{
    position: fixed;
    top: 70%;
    padding: 10px 25px;
    border: solid 1px #91a9de;
} */
#CTAbutton2{
    position: fixed;
    top: 70%;
    padding: 10px 25px;
    border: solid 1px #91a9de;
}
#CTAbutton3{
    position: fixed;
    top: 70%;
    padding: 10px 25px;
    border: solid 1px #91a9de;
}
#CTAbutton1:hover,
#CTAbutton2:hover,
#CTAbutton3:hover{
    background-color:#91a9de;
    color: #ffffff;
}
/*INTRODUCTION CONTENT SECTION START*/
#shadowBox-1-B{
    height: 100vh;
    box-shadow: inset 0px 322px 370px #0b121d;
}
#introductionContentWrapper{
    height: 987px; 
    height: fit-content;
    padding: 65px 7% 150px 7%;
}
#introductionCopy{
    width: 675px;
    margin-bottom: 83px;
}
#shadowBox-2{
    height: 100%;
    box-shadow: inset 0px 210px 370px #0b121d;
    background-size: 5px;
    background-size: 15px;
    background-color: #92aadc14;
}
#shadowBox-2-B{
    height: 100%;
    box-shadow: inset 0px -227px 370px #0b121d;
}
#shadowBox-2-C{
    height: 100vh;
    box-shadow: inset 0px -300px 370px #0b121d;
}
#infrastructureDesign, #installations, #disasterRecovery{
    margin-top: 30px;
    width: 725px;
}
/* #sideInfoWrapper{
    float: right;
    height: 550PX;
    background-size: contain;
    border-radius: 10px;
    padding: 20px;
    background-size: 20px;
    opacity: 0.25;
    border: 1px dotted #91a9de;
    background-color: blue;
}
#introGraphicZero{
    height: 100%;
    width: 100%;
    background-image: url(../img/Logos/branchDsSqureLogo.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: green;
} */
#infrastructureDesign, #installations, #disasterRecovery{
    /* margin-left: 40px; */
    padding: 5px 5px 5px 0px;
}
#customSupportCopy{
    margin-top: 20px;
    line-height: 27px;
}
/*CONSULTATION CONTENT SECTION STARTS*/
#consultationContentWrapper,
#managedServicesContentWrapper{
    max-width: none;
    top: 0;
    padding-bottom: 0;
}
.mainConsultationItemWrapper{
    margin: auto;
    height: 10%;
	display: table;
}
.consultationItemWrapper1 h2,
.consultationItemWrapper2 h2,
.consultationItemWrapper3 h2,
.consultationItemWrapper4 h2,
.consultationItemWrapper5 h2,
.consultationItemWrapper6 h2{
padding: 0 15px;
}
.consultationItemWrapper1 p,
.consultationItemWrapper2 p,
.consultationItemWrapper3 p,
.consultationItemWrapper4 p,
.consultationItemWrapper5 p,
.consultationItemWrapper6 p{
    margin: auto;
    width: 82%;
    height: 100px;
}
.consultationItemWrapper1,
.consultationItemWrapper2,
.consultationItemWrapper3{
    text-align: center;
    float: left;
    height: fit-content;
    padding: 60px 0px 20px 0px;
    width: 33.25%;
    transition: .15s;
	box-sizing: content-box;
    box-shadow: inset 0px 160px 150px #0b121d;
    background-size: 180%;
    background-position: center;
}
.consultationItemWrapper4,
.consultationItemWrapper5,
.consultationItemWrapper6{
    text-align: center;
    float: left;
    height: fit-content;
    padding: 20px 0px 20px 0px;
    width: 33.25%;
    transition: .15s;
	box-sizing: content-box;
    box-shadow: inset 0px -200px 150px #0b121d;
    background-size: 180%;
    background-position: center;
}
/* .consultationItemWrapper1:hover,
.consultationItemWrapper2:hover,
.consultationItemWrapper3:hover,
.consultationItemWrapper4:hover,
.consultationItemWrapper5:hover,
.consultationItemWrapper6:hover{
    background-position-x: center;
    background-image: url(../img/Background-Images/People-At-Work-CTA.png);
    background-color: #1e2634;
    box-shadow: inset 0 0 0 #0b121d00;
    transition: .15s;
} */
#techEquipmentIcon, #networkIcon, #remoteConnectivityIcon, #cloudIcon, #serverIcon, #vpnIcon{
    margin: auto;
    margin-bottom: 60px;
    height: 80px;
    width: 200px;
    background-size: 30%;
    background-position: bottom;
    background-repeat: no-repeat;
    transition: all .25s;
}
#techEquipmentIcon{
    background-image: url(../img/consultation/techEquipmentIcon.gif);
}
#networkIcon{
    background-image: url(../img/consultation/networkIcon.gif);
}
#remoteConnectivityIcon{
    background-image: url(../img/consultation/remoteConnectivityIcon.gif);
}
#cloudIcon{
    background-image: url(../img/consultation/cloudIcon.png);
}
#serverIcon{
    background-image: url(../img/consultation/serverIcon.png);
}
#vpnIcon{
    background-image: url(../img/consultation/vpnIcon.png);
}
/*CONSULTATION CONTENT SECTION ENDS*/
/* -------------------------------------------------- */

/* MAIN FOOTER STARTS */
#branchDsMainFooter{
    height: 100px;
}
#branchDsSubFooter {
    height: auto;
    padding: 40px 0 90px 0;
    float: left;
    width: 100%;
    border-top: solid 1px #91a9de4d;
}
#footerLogo1{
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 50px;
    width: 193px;
    background-image: url(../img/Logos/branchDsLogo.gif);
    background-repeat: no-repeat;
    background-size:contain;
}
.mainFooterItem{
    margin-top: 6px;
    font-size: 12px;
}
#footerLogo2{
    margin: auto;
    /* border-top:solid 1px #91a9de4d ; */
    height: 70px;
    background-position: center;
    background-image: url(../img/Logos/branchDsSqureLogo.gif);
    background-repeat: no-repeat;
    background-size: contain;
	margin-bottom: 25px;
}
#copywrite{
    text-align: center;
    font-size: 19px;
}
/* ----------------------------------------------------------------- */
/* -------------------------------MEDIA QUERIES BEGAIN 1700PX WIDTH (Device=2015 MacBook Pro)---------------------------------- */
/* @media screen and (max-width: 1700px){ */
 @media screen and (max-width: 1920px){  
    .contentWrapper{
        max-width: 1430px;
    }
    .topicHeaders{
        font-size: 46px;
    }
    h1{
        font-size: 21px;
        line-height: 28px;
    }
    h2{
        font-size: 21px;
        margin: 0px 0 8px 0;
    }
    p{
        font-size: 17px;
        line-height: 20px;
    }
    #introductionCopy{
        margin-bottom: 37px;
    }
    #applelogo, #windowslogo{
        top: 0px;
        right: 140px;
    }
    #infrastructureDesign, #installations, #disasterRecovery{
        margin-top: 20px;
        width: 600px;
    }
    #sideInfoWrapper{
        width: 50%;
        height: 269px;
    }
   
    #managedServiceHeaderSection{
        height: 179px;
    }
    #managedServiceHeaderText,
    #itConsultationServicesHeaderText{
        line-height: 40px;
    }
    #managedServiceOne h1, #managedServiceTwo h1, #managedServiceThree h1, #managedServiceFour h1 {
        font-size: 17px;
    }
    #consultation{
        height: 1929px;
        height: inherit;
    }
    #techEquipmentIcon, #networkIcon, #remoteConnectivityIcon, #cloudIcon, #serverIcon, #vpnIcon {
        margin-bottom: 11px;
        background-position: center;
    }
    #sendBtn{
        font-size: 16px;
    }
    /* #branchDsSubFooter{
            padding: 0 0 15px 0;
    } */
    #copywrite{
        text-align: center;
        font-size: 12px;
    }
	.sectionWrapper{
    width: 100vw;
    }
}
/* @media screen and (max-width:1680px){
    #splashContentWrapper{ 
       background-size: 17%;
        top: 29%;
    }
} */
@media screen and (max-width:1376px){ 
    .consultationItemWrapper1,
    .consultationItemWrapper2,
    .consultationItemWrapper3,
    .consultationItemWrapper4,
    .consultationItemWrapper5,
    .consultationItemWrapper6{
        width: 50%;
    }
    .consultationItemWrapper3{
        box-shadow: inset 33px -2px 40px #0b12202e;
        
    }
    .consultationItemWrapper4{
        box-shadow: inset -28px -2px 40px #0b12202e;
    }
    #consultationContentWrapper,
    #managedServicesContentWrapper{
        height: auto;
    }
}
/* -------------------------------MEDIA QUERIES BEGAIN 1299PX WIDTH (Device = Medium Tablets)---------------------------------- */
 @media screen and (max-width:1299px){  
    .sectionWrapper{
        width: 100vw;
    } 
    .contentWrapper{
        position: initial;
        transform: initial;
        box-sizing: border-box;
        /* padding: 7%; */
    }
    #splash {
        /* display: flex; */
        align-items: center;
        width: 100%;
    }	
    #mainManagedServiceItemWrapper{
        width: 100%;
    }
    #managedServiceHeaderText,
    #itConsultationServicesHeaderText{
        width: 100%;
    }	
    #consultationContentWrapper,
    #managedServicesContentWrapper{
        height: auto;
    }
    #consultation {
        height: auto;
    }
    #introduction {
        height: auto;
    }
    #applelogo, #windowslogo {
        position: initial;
    }
    #introductionCopy {
        width: 100%;
        clear: both;
    }	
    .mainConsultationItemWrapper {
        height: auto;
        clear: both;
    }
    #footerLogo2 {
        margin-bottom: 25px;
    }
}
/* -------------------------------MEDIA QUERIES BEGAIN 1080PX WIDTH (Devic e= Large Screen TV's)---------------------------------- */
@media screen and (max-width:1080px){ 
    /* #sideInfoWrapper{
        top: 0;
        right: 0;
        max-width: 100%;
        height: 300px;
        float: none;
        margin-bottom: 50px;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    } */
    #managedServiceOne, #managedServiceTwo, #managedServiceThree, #managedServiceFour {
        width:25%; }

    #mainManagedServiceItemWrapper{
        border: none;
    }
    #infrastructureDesign, #installations, #disasterRecovery {
        width: 100%;
    }
    #managedServiceHeaderText {
        font-size: 26px;
        line-height: 35px;
    }
    /* #branchDsSubFooter {
        padding: 0 20px 90px 20px;
        width: 100%;
    } */
    #footerLogo2 {
        margin-bottom: 5px;
    }
    #copywrite {
        text-align: center;
        font-size: 11px;
        line-height: 19px;
    }
}
/* -------------------------------MEDIA QUERIES BEGAIN ????PX WIDTH (Device = Large Taplets)---------------------------------- */
@media screen and (max-width:942px){
    
    #serviceCTAcontentInfo h2{
        font-size: 19px;
        /* height: 0; */
        width:80%;
        /* overflow: hidden; */
    }
    #serviceCTAcontentInfo p{
        font-size: 1;
        height: 0;
        width:0 ;
        overflow: hidden;
    }
    #managedServiceOne h1, #managedServiceTwo h1, #managedServiceThree h1, #managedServiceFour h1 {
        font-size: 14px;
    }
    #managedServiceOne, #managedServiceTwo, #managedServiceThree, #managedServiceFour {
        background-size: 38px;
    }
}
@media screen and (max-width:860px){
    #managedServiceOne, #managedServiceTwo, #managedServiceThree, #managedServiceFour {
        width: 50%;
    }
    #mainManagedServiceItemWrapper{
        width: 86%;
    }
}
@media screen and (max-width:835px){
    .topicHeaders {
        font-size: 40px;
    }
}
/* -------------------------------MEDIA QUERIES BEGAIN 666PX WIDTH (Device = Mobile Phones)---------------------------------- */
 @media screen and (max-width:666px){ 

    #serviceCTAcontentInfo h2{
        font-size: 19px;
        /* height: 0; */
        width:100%;
        /* overflow: hidden; */
    }

    #consultation, #introduction, #branchDsSubFooter {
        height: auto;
        float: left;
        width: 100%;
    }
    #managedServiceOne, #managedServiceTwo, #managedServiceThree, #managedServiceFour {
        width: 100%;
        text-align: center;
        margin:30px 0;
        position: initial !important;
    }
    #mainManagedServiceItemWrapper{
        width: 100%;
        height: auto; 
    } 
    #techEquipmentIcon, #networkIcon, #remoteConnectivityIcon, #cloudIcon, #serverIcon, #vpnIcon {
        height: 150px;
        background-position: bottom;
    }
    .consultationItemWrapper1, .consultationItemWrapper2, .consultationItemWrapper3, .consultationItemWrapper4, .consultationItemWrapper5, .consultationItemWrapper6 {
        width: 100%;
        padding:0px 0px;
        height: 315px;
    }

    .consultationItemWrapper2{
        box-shadow: inset 0px 0px 0px #0b12202e;
        
    }
    .consultationItemWrapper0{
        box-shadow: inset 0px 0px 0px #0b122000;
    }
    .consultationItemWrapper6{
        box-shadow: inset 0px 0px 0px #0b122000;
    }


    #infrastructureDesign, #installations, #disasterRecovery{
        width: 100%;
        margin:30px 0;
    } 	
    #sideInfoWrapper{
        top: 0;
        right: 0;
        width: 100%;
        height: 279px;
        margin-bottom: 50px;
        box-sizing: border-box;
    }
    .topicHeaders{
        margin-bottom: 50px;
    }
    #managedServicesTitle {
        margin-top: 150px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 31px;
    }
    #branchDsSubFooter{
        padding: 5%;
        box-sizing: border-box;
    }
    .sectionWrapper{
        width: 100%;
    } 
}
@media screen and (max-width: 620px){
    #serviceCTAcontentInfo h2 {
        font-size: 19px;
        margin-top: -15px;
        width: 80%;
        /* overflow: hidden; */
    }
    #CTAbutton1, #CTAbutton2, #CTAbutton3{
        top: auto;
    }
    
    /* #splash{
        height: 100vh;
    } */
    #splashContentWrapper{
        background-size: 70%;
    }
    #serviceCTAcontentInfo {
        height: 50%;
        top: 46%;
    }
    /* #serviceCTA1, */
    #serviceCTA2,
    #serviceCTA3 {
        height: 170px;
        min-width: 50%;
    }
    /* #serviceCTA2 {
        position: relative;
        top: 170px;
    } */
    #CTAcopy {
        overflow: hidden;
        height: 0px;
    }
    #CTAservicetitles{
        font-size: 19px;
        text-align: left;
    }
    #CTAbutton{
        top: 80%;
        padding: 6px 6px;
    }
    #managedServiceHeaderText {
        margin-bottom: 1%;
    }
    /* #managedServiceHeaderWrapper {
        padding-top: 57%;
    } */
    #managedServiceOne{
        margin-top: 150px;
    }
    #managedServiceFour{
        margin-bottom: 150px;
    }
}
/* -------------------------------MEDIA QUERIES BEGAIN 479PX WIDTH (Device = Samll Mobile Phones)---------------------------------- */
@media screen and (max-width: 443px){
    #serviceCTAcontentInfo h2 {
        font-size: 18px;
        /* height: 0; */
        width: 100%;
        /* overflow: hidden; */
    }
}
@media screen and (max-width: 400px){
    #CTAbutton1, #CTAbutton2, #CTAbutton3{
        padding: 10px;
    }
}

@media screen and (max-width: 355px){
    #serviceCTAcontentInfo h2{
        font-size: 16px;
    }
}
@media screen and (max-width: 317px){
    #serviceCTAcontentInfo h2{
        font-size: 14px;
    }
}