/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
.logo{
    margin-top: 15px;
    margin-left: 15px;
}

.logo img{
    width: 150px;
    height: auto;
}

body{
    margin-top: 0px;
    font-family: "Raleway", sans-serif;
}

.main-container .img-bg{
	min-width: 100vw;
	margin-left: calc(50% - 50vw);
	object-fit: cover;
	max-height: 100vh;
}

.custom-header {
	background-color: #fff;
	height: 100px;
        margin-left: -15px;
        margin-right: -15px;
}

.modal-header.ui-dialog-titlebar h3, .modal-body.ui-dialog-content p, .modal-body.ui-dialog-content label {
	color: #2b4748;
}

.btn {
	padding: 10px 100px;
	border: none !important;
	border-radius: 33px;
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	color: #fff;
	background-color: #6da2a2 !important;
	-webkit-transition: background-color 250ms ease-in !important;
	-ms-transition: background-color 250ms ease-in !important;
	transition: background-color 250ms ease-in !important;
}

.footer{
    margin-top:0px;
    background-color: #002f5f;
    color: #FFF;
}

.footer .nav > li > a:hover, .footer .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.footer .web a{
    color: #FFF;
    font-size: 2.5rem;
}

footer .social-networks {
        display: flex;
        justify-content: center
}

footer .sn-item{
    font-size: 2rem;
}

.footer .menu, .footer .web {
    text-align: center;
}

.footer .menu a{
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: 4.03px;
    color: #FFF;
}