@media(min-width: 1920px) and (max-width: 2559px){
html{
		font-size: 100%;
		line-height: 1.2rem;
	}
#carouselExampleCaptions{
	padding-top:0rem;
}

.carousel-caption{
	top: 590px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 35px;
	text-align: right;
	font-style: italic;
}

}


@media(min-width: 1600px) and (max-width: 1919px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
#carouselExampleCaptions{
	padding-top:9rem;
}

.carousel-caption{
	top: 590px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 35px;
	text-align: right;
	font-style: italic;
}
}
@media(min-width: 1434px) and (max-width: 1599px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}

#carouselExampleCaptions{
	padding-top:9rem;
}

.carousel-caption{
	top: 390px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 35px;
	text-align: right;
	font-style: italic;
}
}
@media(min-width: 1200px) and (max-width: 1433px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}

#carouselExampleCaptions{
	padding-top:9rem;
}

.carousel-caption{
	top: 290px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 35px;
	text-align: right;
	font-style: italic;
}
}
@media(min-width: 992px) and (max-width: 1199px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
#carouselExampleCaptions{
	padding-top:9rem;
}

.carousel-caption{
	top: 290px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 35px;
	text-align: right;
	font-style: italic;
}
}
@media(min-width: 768px) and (max-width: 991px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
.navbar-light .navbar-nav .nav-link  {
	color: #393939;
	font-size: 19px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	margin-top: 0px;
 }
#logo img{
	width:60%;
	height:60%;
	display: block;
	float: left;
	
}
#carouselExampleCaptions{
	padding-top:6rem;
}

.carousel-caption{
	top: 190px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 25px;
	text-align: right;
	font-style: italic;
}

}
@media(min-width: 601px) and (max-width: 767px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
.navbar-light .navbar-nav .nav-link  {
	color: #393939;
	font-size: 19px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	margin-top: 0px;
 }
/*#####################################################################################################################*/
/* GOOGLE MAPS*/
/*#####################################################################################################################*/
.google-maps {
        position: relative;
        padding-bottom: 52%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top:0px;
    }

#logo img{
	width:60%;
	height:60%;
	display: block;
	float: left;
	
}
#carouselExampleCaptions{
	padding-top:6rem;
}

.carousel-caption{
	top: 120px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 25px;
	text-align: right;
	font-style: italic;
}

}
@media(min-width: 480px) and (max-width: 600px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
.navbar-light .navbar-nav .nav-link  {
	color: #393939;
	font-size: 19px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	margin-top: 0px;
 }
/*#####################################################################################################################*/
/* GOOGLE MAPS*/
/*#####################################################################################################################*/
.google-maps {
        position: relative;
        padding-bottom: 52%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top:0px;
    }

#logo img{
	width:60%;
	height:60%;
	display: block;
	float: left;
	
}
#carouselExampleCaptions{
	padding-top:6rem;
}

.carousel-caption{
	top: 120px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 25px;
	text-align: right;
	font-style: italic;
}

}
@media(min-width: 361px) and (max-width: 479px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
.navbar-light .navbar-nav .nav-link  {
	color: #393939;
	font-size: 19px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	margin-top: 0px;
 }
/*#####################################################################################################################*/
/* GOOGLE MAPS*/
/*#####################################################################################################################*/
.google-maps {
        position: relative;
        padding-bottom: 52%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top:0px;
    }

#logo img{
	width:40%;
	height:40%;
	display: block;
	float: left;
	
}
#carouselExampleCaptions{
	padding-top:4rem;
}

.carousel-caption{
	top: 20px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-style: italic;
}
}
@media(min-width: 304px) and (max-width: 360px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
.navbar-light .navbar-nav .nav-link  {
	color: #393939;
	font-size: 19px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	margin-top: 0px;
 }
/*#####################################################################################################################*/
/* GOOGLE MAPS*/
/*#####################################################################################################################*/
.google-maps {
        position: relative;
        padding-bottom: 52%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top:0px;
    }

#logo img{
	width:40%;
	height:40%;
	display: block;
	float: left;
	
}
#carouselExampleCaptions{
	padding-top:4rem;
}

.carousel-caption{
	top: 20px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-style: italic;
}
}
@media(min-width: 204px) and (max-width: 303px){
html{
		font-size: 80%;
		line-height: 1.2rem;
	}
.navbar-light .navbar-nav .nav-link  {
	color: #393939;
	font-size: 19px;
	margin-left: 0px;
	margin-right: 0px;
	font-weight: bold;
	margin-top: 0px;
 }
/*#####################################################################################################################*/
/* GOOGLE MAPS*/
/*#####################################################################################################################*/
.google-maps {
        position: relative;
        padding-bottom: 52%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
		margin-top:0px;
    }

#logo img{
	width:40%;
	height:40%;
	display: block;
	float: left;
	
}
#carouselExampleCaptions{
	padding-top:4rem;
}

.carousel-caption{
	top: 20px;
	bottom: auto;
	transition: all 0.7s ease;
}
.carousel-caption h1{
	font-weight: bold;
	line-height: auto;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-style: italic;
}
}