:root {
    --black: #000000;
    --dark-gray: #666666;
    --light-gray: #cccccc;
    --white: #ffffff;
    --tan: #f5f4ed;
    --medium-tan: #e9e8e1;
    --pink: #FF6464;

    --hover: var(--black);
    --borders: var(--light-gray);

    /*120px*/
    --xxlarge-margin: clamp(6rem, 7.5vw, 7.5rem);

    /*80px*/
    --xmlarge-margin: clamp(3.5rem, 5vw, 5rem);
    
    /*60px*/
    --xlarge-margin: clamp(2rem, 3.75vw, 3.75rem);
    
    /*40px*/
    --large-margin: clamp(1.85rem, 2.5vw, 2.5rem);
    
    /*30px*/
    --medium-margin: clamp(1.275rem, 1.75vw, 1.75rem);
    
    /*20px*/
    --small-margin: clamp(0.85rem, 1.125vw, 1.125rem);
    
    /*16px*/
    --xsmall-margin: clamp(0.75rem, 1vw, 1rem);
    
    /*12px*/
    --xxsmall-margin: clamp(0.55rem, 0.75vw, 0.75rem);

    /*Fonts*/
    --small-copy: clamp(0.75rem, 0.875vw, 0.875rem);
    --navigation: clamp(0.9rem, 1vw, 1rem);

    /*Radius*/
    --large-border-radius: 32px;
    --medium-border-radius: 12px;
    --small-border-radius: 6px;
    
} 
/*Paddings*/
.xxlarge-top-margin{
    padding-top: var(--xxlarge-margin);
}

.xmlarge-top-margin{
    padding-top: var(--xmlarge-margin);
}

.xlarge-top-margin{
    padding-top: var(--xlarge-margin);
}

.large-top-margin{
    padding-top: var(--large-margin);
}

.medium-top-margin{
    padding-top: var(--medium-margin);
}

.small-top-margin{
    padding-top: var(--small-margin);
}

.xsmall-top-margin{
    padding:-top var(--xsmall-margin);
}
.xxsmall-top-margin{
    padding-top: var(--xxsmall-margin);
}

.no-top-margin{
    padding-top: 0;
}

.xxlarge-bottom-margin{
    padding-bottom: var(--xxlarge-margin);
}

.xmlarge-bottom-margin{
    padding-bottom: var(--xmlarge-margin);
}

.xlarge-bottom-margin{
    padding-bottom: var(--xlarge-margin);
}

.large-bottom-margin{
    padding-bottom: var(--large-margin);
}

.medium-bottom-margin{
    padding-bottom: var(--medium-margin);
}

.small-bottom-margin{
    padding-bottom: var(--small-margin);
}

.xsmall-top-margin{
    padding-bottom: var(--xsmall-margin);
}
.xxsmall-top-margin{
    padding-bottom: var(--xxsmall-margin);
}

.no-bottom-margin{
    padding-bottom: 0;
}

/*Text Colors*/
.black{
	color: var(--black);
}

.dark-gray{
	color: var(--dark-gray);
}

a.dark-gray{
	color: var(--dark-gray) !important;
}

a.dark-gray:hover{
	color: var(--hover-color) !important;
}

.alt-gray{
	color: var(--alt-gray);
}

.white{
	color: var(--white);
}

.very-dark-blue{
	color: var(--very-dark-blue);
}

.dark-blue{
	color: var(--dark-blue);
}

.pink{
	color: var(--pink);
}

/*Background Colors*/
.bg-black{
    background-color: var(--black);
    color: var(--white);
}

.bg-dark-gray{
    background-color: var(--dark-gray);
}

.bg-alt-gray,
.bg-light-gray{
    background-color: var(--alt-gray);
}

.bg-white{
	background-color: var(--white);
}

.bg-very-dark-blue{
    background-color: var(--very-dark-blue);
    color: var(--white);
}

.bg-dark-blue{
    background-color: var(--dark-blue);
    color: var(--white);
}

.bg-blue{
    background-color: var(--blue);
    color: var(--white);
}

.bg-light-blue{
	background-color: var(--light-blue);
}

.bg-lighter-blue{
	background-color: var(--lighter-blue);
}

.bg-yellow{
    background-color: var(--yellow);
    color: var(--black);
}

.bg-light-yellow{
    background-color: var(--light-yellow);
}

.bg-lighter-yellow{
    background-color: var(--lighter-yellow);
}

.bg-blue-gradient{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001b56+0,002f87+50,0071ce+100 */
    background: #001b56; /* Old browsers */
    background: -moz-linear-gradient(top,  #001b56 0%, #002f87 50%, #0071ce 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #001b56 0%,#002f87 50%,#0071ce 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #001b56 0%,#002f87 50%,#0071ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b56', endColorstr='#0071ce',GradientType=0 ); /* IE6-9 */

}