#imac .connectivity-text img {

        max-width: 50%;

    }



#imac .section-1 {

    background-color: #ffffff;

    padding: 150px 0 80px;

}



#imac .section-2 {

    background-color: #fafafa;

    padding: 80px 0 0;

}



#imac .section-3 {

    background-color: #ffffff;

    padding: 80px 0;

}



#imac .section-4 {

    background-color: #fafafa;

    padding: 80px 0;

}



#imac .connectivity {

    background-image: url(../.././images/imac/imac-hero-5.jpg);

    background-size: 80%;

    background-position: top right;

    margin-top: 50px;

    padding: 15% 0 0;

    background-repeat: no-repeat;

    text-align: left;



}



#imac .section-1-text {

    padding: 0 50px;

}





#imac .connectivity-text p {

    margin: 0 auto!important;

    font-size: 18px!important;

    text-align: left!important;

    letter-spacing: 0px!important;

    font-family: sf_pro_display, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 300!important;

    color: #000000!important;

    line-height: 1.3!important;

    padding-top: 100px;

    padding-bottom: 50px;



}



#imac .section-1-text h1 {

    margin: 0 auto!important;

    font-size: 44px!important;

    text-align: center!important;

    letter-spacing: -0.7px!important;

    font-family: sf_pro_displaysemibold, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 600!important;

    color: #111111!important;

    line-height: 1.1!important;

}



#imac .section-1-text p {

    margin: 0 auto!important;

    font-size: 18px!important;

    text-align: center!important;

    letter-spacing: 0px!important;

    font-family: sf_pro_display, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 300!important;

    color: #000000!important;

    line-height: 1.3!important;

    padding: 20px 0 25px;



}



#imac .section-1-text img {

    padding: 20px 0 0;

}



#imac .section-2-text h1 {

    margin: 0 auto!important;

    font-size: 44px!important;

    text-align: left!important;

    letter-spacing: -0.7px!important;

    font-family: sf_pro_displaysemibold, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 600!important;

    color: #111111!important;

    line-height: 1.1!important;

}



#imac .section-2-text h2 {

    margin: 0 auto!important;

    font-size: 44px!important;

    text-align: left!important;

    letter-spacing: -0.7px!important;

    font-family: sf_pro_displaysemibold, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 600!important;

    color: #cfcfcf!important;

    line-height: 1.1!important;

    padding-bottom: 0px;

}



#imac .section-3-text h1 {

    margin: 0 auto!important;

    font-size: 44px!important;

    text-align: left!important;

    letter-spacing: -0.7px!important;

    font-family: sf_pro_displaysemibold, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 600!important;

    color: #111111!important;

    line-height: 1.1!important;

}



#imac .section-3-text h2 {

    margin: 0 auto!important;

    font-size: 44px!important;

    text-align: left!important;

    letter-spacing: -0.7px!important;

    font-family: sf_pro_displaysemibold, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 600!important;

    color: #cfcfcf!important;

    line-height: 1.1!important;

    padding-bottom: 0px;

}



#imac .section-4-text h1 {

    margin: 0 auto!important;

    font-size: 44px!important;

    text-align: center!important;

    letter-spacing: -0.7px!important;

    font-family: sf_pro_displaysemibold, "Helvetica Neue", Helvetica, Arial, sans-serif!important;

    font-weight: 600!important;

    color: #111111!important;

    line-height: 1.1!important;

    padding-bottom: 20px;

}



#imac .ipad-footer {

    background-color: #f2f2f2!important;

    padding: 20px 0 40px!important;

}



#imac .ipad-footer p {

    font-size: 11px !important;

    font-weight: normal !important;

    color: #888888 !important;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

    line-height: 13px !important;

    text-align: left !important;

    padding: 0 !important;

    margin: 0 !important;

}



#imac .ipad-footer li {

    font-size: 11px !important;

    font-weight: normal !important;

    color: #888888 !important;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

    line-height: 18px !important;

    text-align: left !important;

    padding: 0 !important;

    margin: 0 !important;

}



#imac .ipad-footer a {

    font-size: 11px !important;

    font-weight: normal !important;

    color: #555555 !important;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

    line-height: 13px !important;

    text-align: left !important;

    padding: 0 !important;

    margin: 0 !important;

}



#imac .ipad-footer ol {

    -webkit-padding-start: 15px;

}



#imac .section-2 img {

    max-width: 100%; padding: 20px 0 0;

}



#imac .section-3-text img {

    max-width: 70%;

}



#imac .section-2-text img {

    max-width: 70%!important;

}



#imac hr {

    margin-top: 70px!important;

    margin-bottom: 70px;

}



#imac .p1ca550-buy-button {

  cursor: pointer!important;

  text-decoration: none!important;

  text-align: center!important;

  border-radius: 4px!important;

  -webkit-border-radius: 4px!important;

  color: #666666!important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;

  border: 1px solid #666666!important;

  padding: 5px 20px 7px !important;

  font-size: 17px!important;

  font-weight: 500!important;

  width: 121px!important;

}



#imac .p1ca550-buy-button:hover,

#imac .p1ca550-buy-button:focus {

  background: #666666!important;

  color: #fff!important;

}



@media (max-width: 997px) {

    #imac .section-1 {

        background-color: #ffffff;

        padding: 120px 0 80px;

    }

}



@media (max-width: 767px) {

    #imac .section-3-text img {

    max-width: 90%;

}



#imac .section-2-text img {

    max-width: 90%!important;

}



    #imac .section-1 {

        background-color: #ffffff;

        padding: 60px 0 60px;

    }



    #imac .connectivity-text img {

        max-width: 50%;

    }



    #imac .section-2 {

        background-color: #fafafa;

        padding: 40px 0 0;

    }



    #imac .section-3 {

        background-color: #ffffff;

        padding: 40px 0;

    }



    #imac .section-4 {

        background-color: #fafafa;

        padding: 40px 0;

    }



    #imac .section-1-text h1 {

        font-size: 35px!important;

    }



    #imac .section-2-text h1 {

        font-size: 35px!important;

    }



    #imac .section-2-text h2 {

        font-size: 35px!important;

    }



    #imac .section-3-text h2 {

        font-size: 35px!important;

    }



    #imac .section-3-text h1 {

        font-size: 35px!important;

    }

    

    #imac .section-4-text h1 {

        font-size: 35px!important;

    }



    #imac .section-1-text img {

        padding: 20px 0 0;

    }



    #imac .section-2 img {

        max-width: 100%; padding: 20px 0 0;

    }



    #imac .connectivity-text {

        padding-top: 120px;

    }



    #imac .connectivity {

    background-image: url(../.././images/imac/imac-hero-5-sm.jpg);

    background-size: 500px;

    background-position: top right;

    margin-top: 50px;

    color: white;

    height: 550px;

    text-align: center;

    margin-bottom: 30px;

    background-repeat: no-repeat;

}

}



@media (max-width: 500px) {

    #imac .connectivity-text img {

        max-width: 70%;

    }

}



.row.no-gutters {

   margin-right: 0;

   margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*="col-"] {

   padding-right: 0;

   padding-left: 0;

}