@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

img { max-width:100%; height:auto;}
.clear { clear:both;}
 .main{ max-width:1000px; margin:0 auto;background-color: #f7f7f7;} 
.caps{ text-transform:uppercase;}

.content1{ margin:0 auto; max-width:750px;}
@media (max-width:768px) {.content1{ margin:0 auto; max-width:650px;}}
@media (max-width:414px) {.content1{ margin:0 auto; min-width:330px; padding-left:15px; padding-right:15px;}}

.content2{ padding-left:75px; padding-right:75px;}
.content3{ padding-left:55px; padding-right:55px;}

@media (max-width:768px) {
	.content2{ padding-left:15px; padding-right:15px;}
.content3{ padding-left:15px; padding-right:15px;}
}




/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}



.carousel-indicators{bottom:0px !important}

.carousel-indicators .active {
    background-color: #0048b2;
    border: 0px solid #0048b2;
}
.carousel-indicators li {
   
    background-color: #000000;
    border: 0px solid #000000;
   
}