@charset "UTF-8";
/* CSS Document */





.header-logo {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (max-width: 575.98px) {
.header-logo {
    margin-bottom: 10px
}
}



/************      HEADLINES     ****************/


.jumbohomeheadline {
    font-family: komet, open-sans, sans-serif !important;
    font-size: 3.25em;
    font-weight: 900;
    color: #000000;
    line-height: 1;
    /*  text-shadow: #102655 1px 0 10px;*/
    text-transform: uppercase
}
	
	
	
	@media (max-width: 575.98px) { 
		.jumbohomeheadline{
			font-size: 2em;
		}
	}

// `md` applies to small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { 
		.jumbohomeheadline{
			font-size: 1.5em;
		}
	}

// `lg` applies to medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { 
		.jumbohomeheadline{
			font-size: 1.5em;
		}
	}

// `xl` applies to large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { 
		.jumbohomeheadline{
			font-size: 1.75em;
		}
	}

// `xxl` applies to x-large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { 
		.jumbohomeheadline{
			font-size: 2em;
		}
	}

.h2 {font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	
}






/************      LISTS      ****************/


.custom-bullets-blue-checkmark {
  list-style-type: none; /* Remove default bullets */
  padding-left:10px ;    /* Add padding to make space for the SVG */
		margin-left:0;
		
}

.custom-bullets-blue-checkmark li {
 line-height:2em;
  background-image: url('/DTCFall/img/checkmark-blue.svg'); /* Link to your SVG file */
  background-repeat: no-repeat;
  background-position: left  top 8px; /* Position the SVG */
  background-size: 22px 22px;       /* Control the size of the SVG */
  padding-left: 35px;               /* Space between the icon and the text */
}
	



/************      BOXES     ****************/

		.angled-box-black {
  width: 100%;
  height: auto;
  background: #000000;
		padding:30px;
  /* Cuts a 20px triangle off all four corners */
  clip-path: polygon(
    20px 0%, calc(100% - 20px) 0%, 
    100% 20px, 100% calc(100% - 20px), 
    calc(100% - 20px) 100%, 20px 100%, 
    0% calc(100% - 20px), 0% 20px
  );
}
	
			.angled-box-blue {
  width: 100%;
  height: auto;
  background: #0092d0;
		padding:30px;
  /* Cuts a 20px triangle off all four corners */
  clip-path: polygon(
    20px 0%, calc(100% - 20px) 0%, 
    100% 20px, 100% calc(100% - 20px), 
    calc(100% - 20px) 100%, 20px 100%, 
    0% calc(100% - 20px), 0% 20px
  );
}
	
	
				.angled-box-gray {
  width: 100%;
  height: auto;
  background: #6c757d;
		padding:30px;
  /* Cuts a 20px triangle off all four corners */
  clip-path: polygon(
    20px 0%, calc(100% - 20px) 0%, 
    100% 20px, 100% calc(100% - 20px), 
    calc(100% - 20px) 100%, 20px 100%, 
    0% calc(100% - 20px), 0% 20px
  );
}