@media screen and (min-width:0px) and (max-width:1150px) {   
.carrington-panel-outer, .carrington-panel-outer img {
    max-width:390px !important;
}

.carrington-panel-outer p {
    font-size:0.9em;
}
}








@media screen and (min-width:0px) and (max-width:900px) { 
.carrington-panel-outer {
    max-width:490px !important;
    min-width:80% !important;
}
.carrington-panel-outer img {
    max-width:490px !important;
    min-width:100% !important;
}
}






@media screen and (min-width:0px) and (max-width:680px) {  
.top-contact-bar {
    font-size:0.7em;
}

.top-contact-bar span {
    display:block !important;
}

.top-contact-bar .fa {
    font-size:1.5em;
    margin:0 5px 0 20px;
}

.welcome-panel {
    background-size: 48px;
}

.welcome-panel h1 img {
    padding:100px 20px 30px 20px;
}

.carrington-panel-outer {
    margin:0 20px 60px 20px;
}
   
.carrington-panel-outer p {
    font-size: 0.7em;
}
}



@media screen and (min-device-width:0px) and (max-device-width:1200px) and (orientation:portrait) { 
.carrington-panel-outer, .photo {
    max-width:690px !important;
}

.carrington-cert-acc img {
    max-width:50px !important;
}

.carrington-cert-umb img {
    max-width:75px !important;
}
    
.intro-panel h2 img {
    max-width:400px !important;
}
}



@media screen and (min-width:0px) and (max-width:480px)  { 
.top-contact-bar a {
    font-size:0.8em !important;
}

.intro-panel h2 img {
    max-width:260px !important;
}

.carrington-panel-outer {
    margin:0 30px 20px 30px;
}

.carrington-panel-outer p:first-of-type {
    font-size:1.1em !important;
    margin:15px 0 0 0;
}

.carrington-panel-outer p {
    font-size:0.5em !important;
}
    
.contact-details p {
    font-size:0.7em !importan;
}

.button {
    margin:0 !important;
    padding:0 !important;
}
    
.button a {
    font-size:0.6em !important;
}

.button .visit-site-umb, .button .visit-site-acc {
    padding:10px 20px;
    margin:10px 0 20px 0 !important;
}

.bottom-contact-bar {
    padding:20px 0 0 0;
}
    
.bottom-contact-bar p {
    font-size:0.6em;
}

.bottom-contact-bar iframe {
    margin-top:20px;
    height:250px;
}
}



@media screen and (min-device-width:0px) and (max-device-width:480px) and (orientation:landscape) { 
.top-contact-bar {
    position:relative !important;
}

.welcome-panel h1 img {
    padding:40px 20px 50px 20px;
}
}