@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&display=swap');

.banner-item .banner-caption{
	top: 70%;
	left: 30%;
	transform: translate(-50%, -50%);
	text-align: left;
	color: #fff;
	font-family: 'Comfortaa', cursive;
    font-size:10px;
}

.banner-item .banner-caption.id-1{
    left: 25%;
    transform: translate(50%,-50%);
    width:50%;
}

.banner-item .banner-caption.id-2{
    left: 25%;
    transform: translate(50%,-50%);
    width:50%;
}

.banner-shadow{
text-shadow: 1px 1px 2px #292c36;    
}

.hr2 {
border-top: 5px dotted #FF0000;
background-color: transparent!important;
margin: 10px 46% 10px 0%;
}

.hr3 {
border-top: 5px dotted #ffffff;
background-color: transparent!important;
margin: 10px 46% 10px 0%;
}

.hr4 {
border-top: 5px dotted red;
background-color: transparent!important;
margin: 10px 46% 10px 0%;
}

.btn-square.purple {
   border-color: transparent !important;
   background-color: #8080FF !important;
   color: #fff !important;
   transition: all ease .5s !important;
   padding-right: 10px !important;
}

.btn-square.purple:hover {
   border-color: transparent !important;
   background-color: #8080FF !important;
   padding: 6px 30px !important;
   transition: .25s !important;
}

.btn-square.purple:after {
   content: "\f061" !important;
   font-family: FontAwesome !important;
   transition: all ease .5s !important;
   position:relative !important;
   opacity: 0 !important;
   left: -10.5px !important;
}
.btn-square.purple:hover:after {
   content: "\f061" !important;
   font-family: FontAwesome !important;
   transition: all ease .5s !important;
   opacity: 1 !important;
   left: 10.5px !important;
}

.btn-square {
    padding: 6px 25px;
    margin-top: 30px;
}

body {
	font-family: 'Comfortaa', cursive;
}

#footer {
	font-family: 'Comfortaa', cursive;
}