/* Some Globals */
h1 {
    font-size: 2.5rem;
}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #karen-img, #main-logo, #rob-img { max-height: 70px !important; }
    #karen-img { margin-right: 10px !important; }
    #rob-img { margin-left: 10px !important; }
    .squared-border { padding: 5px !important; }
    ol.carousel-indicators { margin-bottom: 0px; bottom: -5px;}
    .ctwg-social { width: 100%; }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #karen-img, #main-logo, #rob-img { max-height: 120px !important; }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #karen-img, #main-logo, #rob-img { max-height: 140px !important; }
        .squared-border { padding: 10px !important; }

}
/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    .ctwg-social { width: 100% !important; }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #karen-img, #main-logo, #rob-img { max-height: 160px !important; }
    .memberbg p { font-size: 12px; margin-bottom: 0px;}
    #karen .membercontent p { font-size: 12px; margin-bottom: 0px; margin-top: -14px ;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    .memberbg p { font-size: 12px; margin-bottom: 0px;}
    #karen .membercontent p { font-size: 12px; margin-bottom: 0px; margin-top: -14px ;}
    .mimivoguel { font-size: 24px; }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .memberbg p { font-size: 18px; margin-bottom: 0px;}
    #karen .membercontent p { font-size: 16px; margin-bottom: 0px; margin-top: -14px ;}
    .mimivoguel { font-size: 46px !important; }
} 

/* Extra large devices (large laptops and desktops, 10240px and down) */
@media only screen and (min-width: 1024px) {
    .memberbg p { font-size: 16px; margin-bottom: 0px;}
    #karen .membercontent p { font-size: 16px; margin-bottom: 0px; margin-top: -14px ;}
    .membercontent br { font-size: 8px; }
    #navbarText .ctwg-social { width: 100%; }
    .mimivoguel { font-size: 44px !important; }
} 

/* Extra large devices (large laptops and desktops, 14400px and down) */
@media only screen and (max-width: 1440px) {
    #karen .memberbg p { font-size: 18px;margin-bottom: 0px !important;}
}