@font-face {
    font-family: 'Untitled Sans';
    src: url('/wp-content/themes/asl-child/fonts/UntitledSans-Regular.woff2') format('woff2'),
        url('/wp-content/themes/asl-child/fonts/fonts/UntitledSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Domaine Display';
    src: url('/wp-content/themes/asl-child/fonts/DomaineDisplay-Medium.woff2') format('woff2'),
        url('/wp-content/themes/asl-child/fonts/DomaineDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.logo img {
	width:auto!important;
		height:111px;
}

#colophon {
		background:#000430
}
body .main-navigation {
	background:#6883AF!important
}
body .main-navigation ul li:hover > a {
    background: #819CC8 !important;
}
body .main-navigation ul ul {
		background:#6883AF!important
}
.home #main, .page-id-5038 #main {
		padding-top:0;
		padding-bottom:0;
}
.hp-intro {
		background-color:#021d49;
		padding-top:60px;
		padding-bottom:120px;
}
.hp-intro-columns {
    max-width: 1080px;
    margin: 0 auto !important;
    position: relative;
		padding-left:30px;
		padding-right:30px;
		text-align:center;
}
.hp-intro-column:last-child {
    position: relative;
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
}
.hp-intro h2 {
    color: #fff;
    font-size: 41px;
    font-family: 'domaine display' !important;
    line-height: 51px;
    margin-bottom: 74px;
    letter-spacing: 2px;
    font-weight: 500;
}
.hp-intro p {
		color: #fff;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 90px;
    font-family: 'Untitled Sans' !important;
    max-width: 450px;
}
.hp-intro .btn {
		color:#fff;
		background: #e34b00;
    padding: 19px 23px;
    font-size: 18px;
    font-weight: 500;
		display:inline-block;
		border-radius: 9999px;
    box-shadow: none;
    font-family: 'Untitled Sans' !important;
    width: 260px;
    line-height: 24px;
		text-align: center;
    word-break: break-word;
		box-sizing: border-box;
		transition: color .1s ease-in-out, background-color .1s ease-in-out;
		text-decoration:none!important
}
.hp-intro .btn:hover {
    background: #fff;
    color: #e34b00 !important;
}
.img-responsive {
	  height:auto;
		max-width:100%;
		display:block
}
.bubble-small {
    width: 118px;
    height: 118px;
    background: #e34b00;
    border-radius: 50%;
		display:none;
}
.bubble-medium {
	  border-radius:100%;	
		width:240px;
		height:240px;
		display:none;
}
.bubble-big {
	  border-radius:100%;	
		width:330px;
		height:330px;
		margin-top:50px;
		display:block;
		margin-left:auto;
		margin-right:auto
}

@media (min-width:768px) {
		.hp-intro-columns {
			text-align:left;
		}
		.hp-intro-column:last-child {
				position:static;	
		}
		
		.hp-intro {
				padding-top:100px;
				padding-bottom:200px;
		}
    .bubble-big {
	    	width:400px;
	    	height:400px;
				margin-top:100px
    }
		.hp-intro h2 {
			  max-width:660px;	
				font-size: 61px;
				line-height: 71px;
				margin-bottom: 104px;
				letter-spacing: 2.8px;
		}
		.hp-intro-columns {
				padding-left:50px;
				padding-right:50px;
		}
		.bubble-small {
			  display:block;
				position:absolute;
				right: 300px;
        bottom: 450px;
		}
		.bubble-medium {
			  display:block;
				position:absolute;
				right: 130px;
        bottom: 270px;
		}		
}
@media (min-width:992px) {
		.hp-intro {
				padding-top:170px;
				padding-bottom:300px;
		}
    .bubble-big {
				margin-top:0;
				position:absolute;
				right:30px;
				bottom:-180px;
	    	width:450px;
	    	height:450px
    }
		.bubble-medium {
        right: 40px;
        bottom: 220px;
		}
		.bubble-small {
				right: 310px;
        bottom: 280px;
		}		
}
@media (min-width:1200px) {
		.hp-intro p {
	      max-width: 600px;
		}
    .bubble-big {
				right:60px;
	    	width:500px;
	    	height:500px
    }
		.bubble-medium {
        right: 20px;
        bottom: 270px;
    }
		.bubble-small {
				right: 290px;
        bottom: 420px;
		}				
		
}