/* CLIENTRESPONSE.NET LANDING UNIVERSAL PAGES STYLESHEET */

    /* PAGE RULES */

body, html {
  margin:0;
  padding:0;
  overflow-x: hidden;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

img {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.not-selectable {
   user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

hr {
    height: 0.5vh;
    width: 98%;
    background-color: #07F446;
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
    border: none;
}

br {
    user-select: none;
}

.og {
    /* OVERRIDE */
    display: none;
    width: 0;
    height: 0;
    margin-left: auto;
    margin-right: auto;
}

    /* PAGE LAYOUT */
    
.clientresponse-landing-page-body {
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 500px) {
.clientresponse-landing-page-body {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}
}

.clientresponse-landing-page-content {
    display: block;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 500px) {
.clientresponse-landing-page-content {
    display: block;
    width: /*75%*/95%;
    margin-left: auto;
    margin-right: auto;
}
}

    /* LANDING BRANDING */

.brand-cover {
    width: 100%;
    padding-top: 0;
    padding-bottom: 15px;
}

.landing-brand-cover {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media only screen and (max-width: 500px) {
.landing-brand-cover {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
}

.brand-logo {
    width: 100%;
    padding-top: 0;
    padding-bottom: 15px;
}

.landing-brand-logo {
    width: /*35%*/45%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media only screen and (max-width: 500px) {
.landing-brand-logo {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
}

    /* INFO CONTAINERS */
    
.landing-info-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.support-info-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.more-info-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

    /* SERVICES CONTAINERS */
    
.landing-services-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.support-services-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.more-services-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.landing-service-button-container {
    width: 100%;
    max-width: 100%;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

    /* SOCIAL MEDIA CONTAINERS */
    
.social-media-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

.social-media-icons-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
}

.social-media-icon {
    width: auto;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

        /* SERVICE MARK CONTAINER */
        
.service-mark-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 0;
    display: block;
}