/*
2025 FUEL color palette
logo blue (medium)  #2774AE
navy                #004680
lt blue	            #B9D9EB
Lt blue tint	    #DDECF5
golden yellow       #FCD757
terra cotta         #DE754C
gray                #A7A8A9
gray tint		    #CFCECE
deep navy           #253746

2022 ALP CSS
logo blue #0066ca
yellow    #ffd951
coral     #de6383
lt blue	  #79bad1
lt blue 50%	  #79bad180    #bcdce8

pics 
1080 x 1080 pixels in JPG format
style="width:350px;float:right; margin:0px 0px 20px 20px;border: 5px solid #ffd951;"
style="width:350px;float:left; margin:0px 20px 20px 0px;border: 5px solid #ffd951;" 

no border on quotes

*/


@font-face {
    font-family: 'poppinsregular';
    src: url('poppins-regular-webfont.eot');
    src: url('poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('poppins-regular-webfont.woff2') format('woff2'),
         url('poppins-regular-webfont.woff') format('woff'),
         url('poppins-regular-webfont.ttf') format('truetype'),
         url('poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
    background: #fff;
    color: #000;
    font-family: "poppinsregular",Arial, Helvetica, sans-serif;
    font-size: 1.0em; 
}

h1 {
  margin: 0;
  font-family: "poppinsregular",Arial, Helvetica, sans-serif;
  font-size: 1.8em;
    font-weight: bolder;

  color: #000;
}


h2 {
  margin: 14px 0 10px 0;
  font-family: "poppinsregular",Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  line-height: 1.5em;
  color: #000;
}


h3 {
  margin: 14px 0 10px 0;
  font-family: "poppinsregular",Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #000;
}

p {
  margin: 0 0 12px 0;
  color: #000;
  line-height: 1.4em;
}

a {
  color: #2774AE;
}



 img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

@media screen {	

    .wrapper {
        max-width: 980px;
        background: #fff;
        color: #000;
        margin:10px;
    }



    .main {
        margin-bottom: 40px;
        clear: both;
    }
}

/* Medium screens */
@media screen and (min-width: 600px) and (max-width: 849px) {
  
    .wrapper {
        max-width: 980px;
        background-color: #fff;
        color: #000;
        margin: 0 auto;
    }



    .main {
    display:block;
    margin-top:30px;
    /* needed for the floated layout */
    clear: both;
    }



}

/* Large screens */
@media all and (min-width: 850px) {
/*    *{outline:1px solid black;}         */

    .wrapper {
        max-width: 980px;
        min-width: 660px;
        background-color: #fff;
        color: #000;
        margin: 10px auto;
        padding: 0;
    }


    .main {
    display:block;
    margin-top:100px;
    /* needed for the floated layout */
    clear: both;
    }



}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  

    .wrapper {
        max-width: 980px;
        min-width: 660px;
        background-color: #fff;
        color: #000;
        margin: 10px auto;
        padding: 0;
    }


    .main {
    display:block;
    /* needed for the floated layout */
    clear: both;
    }



  
}

@media print {

  	
}