@charset "UTF-8";
/* CSS Document */

body, .jumbotron, section, header, .navbar { background: #343a40; color:#DEDBDB ;}

html { background: #000;}

p, ul, ol { font-size:133%; font-family: "Roboto", Arial, sans-serif }

h1, h2, h3, h4, h5 { color:#fff; font-family: "Belgrano", Palatino, "Times New Roman", serif; }

h1 { font-size:300%; }
h2 { font-size:220%; }
h3 { font-size:180%; }
h4 { font-size:133%; }
h5 { font-size:110%; }

h2 { margin: 25px 0 5px 0;}

hr { border:1px solid #666;}

body .row p > a { color:#E9EA4A; }

blockquote { font-family: Belgrano; font-style: italic; color:#BEBABA; font-size: 100%; padding:15px; }

footer p { text-align: center; font-size:88%; }
.homepage-lead { margin-bottom:1em; }
.title { font-size:500%; line-height: 90%; margin:15px 0; }

.img-responsive { width: 100%; height:100%; }
.img-tall {  width: 50%;  display: block;  margin: 0 auto; }

.collab { width:100%; border: solid 20px #666; display: block; }
.collab-caption { font-family: "Belgrano", Palatino, "Times New Roman", serif; text-align: center; background:#666; padding:15px 0;}

.gallery-item-thumb { border-radius: 5px;  font-family: "Belgrano", Palatino, "Times New Roman", serif; background:#666; padding:15px; text-align:center; line-height:120%;}
.gallery-item-thumb img { display:block; }

.modal-content { border:1px solid #C1C1C1; color:#222; background: none; margin:20px; font-size:80%; }
.modal-body > * { background:none;}
.modal-body { background:#666; border:none; color:#fff; }
.modal-footer { border:none; background:#666; text-align: center; justify-content: center;}

.modal-body h5 { font-size:300%; margin: 15px 0; }

.modal-body p { font-size:100%; }
.modal-body p:first-of-type { font-size:120%; }

.modal-body h5 small { font-size:50%; display:none;}

.scale-full-width { width:100%; }

nav.giovanna-black, footer { background-color: #000 !important; }
nav.giovanna-black *, footer * { background: none; }
body .row .carousel-caption a:hover { 
	text-decoration: underline; 
	text-decoration-color: #e9ea4e; 
	color:#fff !important;  
}

a.nav-link:hover { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	text-decoration: underline; 
	text-decoration-color: #e9ea4e; 
}

.nav-link { color: #FFF !important; text-decoration-color:#000; text-decoration: none;}

body .row .carousel-caption { background:#343a40; border-radius: 10px; }
body .row .carousel-caption a { color:#fff !important; }

a.btn-primary { color:#000 !important; background:yellow; border-color: #4D4C0F; }
a.btn-primary:hover { background:#4D4C0F; color:#fff !important; border-color: yellow; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
	h1, h2, h3, h4 { text-align:left;}
	
	h1.title { font-size:250%; }
	h1.display-3 { font-size:250%; }
	h2 { font-size: 150%; }

	.gallery-item-thumb { font-size:150%; }
	.modal-body h5 { font-size: 200%; }
	
	.img-tall {  width: 50%;  display: block;  margin: 0 auto; }
	
	.nav-link { text-align: center; }
	.nav-link:hover { text-decoration: underline; }
	
	a.btn-primary { display:block;}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	

	h2 { font-size:200%; }
	
	.gallery-item-thumb img { display: inline-block; margin:15px 0; }	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}