/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

@font-face {
    font-family: 'Brush Script MT';
    src: local('Brush Script MT'), url('/Resources/BRUSHSCI.eot'), url('/Resources/BRUSHSCI.TTF') format('truetype');
}

.my {
    color: #0070C0;
    font-family: 'Brush Script MT';
    font-size: 1.5em;
    font-weight: normal;
}

.my-small {
    color: #0070C0;
    font-family: 'Brush Script MT';
    font-weight: normal;
}

.emhr {
    font-family: Arial;
    font-weight: bold;
}

.edoc {
    font-family: Georgia;
    font-weight: bold;
}

a {
    word-break: break-all;
    word-wrap: break-word;
}

.edocFeatures li {
    margin-bottom: 15px;
}

#carousel-med-devices .carousel-caption .h3-responsive {
    padding-bottom: 220px;
}

#carousel-med-devices .carousel-inner {
    height: 350px;
}

#carousel-med-devices .carousel-inner .view {
    padding-top: 30px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 100px;
    width: 100px;
    outline: black;
    background-size: 100%, 100%;
    border-radius: 50%;
    background-image: none;
}

    .carousel-control-next-icon:after {
        content: '>';
        font-size: 55px;
        color: black;
    }

    .carousel-control-prev-icon:after {
        content: '<';
        font-size: 55px;
        color: black;
    }