/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

:root {
    --bs-primary: #0C5081;
    --bs-primary-rgb: 12,80,129;
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color-rgb: 250,166,26;
    /*--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");*/
}

body {
    font-family: "Open Sans", Arial, sans-serif;
}

a.text-decoration-none:hover {
    text-decoration: underline !important;
}

header {
    background-color: #0C5081;
}

header nav {
    background-color: #0C5081;
    background-image: url("/images/www.webviewcams.com.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
}

.navbar-brand {
    width: 280px;
    height: 100px;
}

.webcamFoto2 {
    display: block;
    margin: auto;
    width: 50%;
    padding: 37.5% 50%;
    box-sizing: border-box;
    position: relative;
}

a.webcamFoto2 img {
    background-image: url("/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F0F0F0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.card:hover {
    box-shadow: 2px 3px 10px #cccccc;
}