/* MOBILE */

@media all and (min-width: 0px) and (max-width: 1100px) {
    #headimage1 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
        padding-bottom: 10px;
    }
    #headimage2 {
        width: 0px;
        height: 0px;
    }
    h1 {
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #006ed3;
    }
    h2 {
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #006ed3;
    }
    h3 {
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #006ed3;
    }

    h5 {
        padding-top: 1%;
        padding-bottom: 2%;
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #FFF;
    }
    p {
        font-family: arial;
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: .5%;
        padding-bottom: .5%;
        font-size: 28px;
    }
    #p2 {
        font-family: arial;
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: .5%;
        padding-bottom: .5%;
        text-align: center;
        font-size: 28px;
        color: black;
    }

    #p3 {
        
        text-align: center;
        font-size: 1em;
        font-family: arial;
        color: #000;

    }


    #pW {
        font-family: arial;
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-top: .5%;
        padding-bottom: .5%;
        font-size: 28px;
        color: white;
    }


    #triage {
        width: 100%;
        display: block;

}

    #bottomtriple {
        width: 100%;
        display: block;
    }

    #triageimage {
        display: block;
        margin: auto;
        max-width: 90%;
        height: auto;
        padding-top: 1%;
        padding-bottom: 1%;
    }
    #capitalbutton {
        background-color: #006ed3;
        font-family: arial;
        font-size: 24px;
        color: white;
        display: block;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        width: 200px;
        text-align: center;
        margin: auto;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    #floater {
        font-family: arial;
        color: white;
        font-size: 3.5vw;
        display: block;
        width: 70%;
        margin: auto;
        text-shadow: 1px 2px 3px #666;
        padding-top: 5%;
        padding-bottom: 2%;
    }
    #mainevent {
        background-image: url(background.jpg);
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
  
    #tiltbg {
        width: 100%;
        background-color: #fff;
        background-image: -webkit-linear-gradient(95deg, #fff 90%, #fff 10%);
    }


    #bottomLI {

        color:white;
        font-family: arial;
        font-size: 14px;
        color:white;
        font-family: arial;
        font-size: 14px;
        font-weight: 100;
        display: block;
        background-color: #006ed3;
        margin: 3px;
        padding: 1px;
        width: 420px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;


    }

    #bottom {
        width: 100%;
        background-color: #0055a4;
        padding-top: 2%;
        
    }

     #bottomUL {

        color:white;
        font-family: arial;
        font-size: 28px;
        font-weight: bold;
        list-style-type: none; 
 
        display: block;
        margin: 3px;
        padding-left: 2px;
        margin-left: auto;
        margin-right: auto;

  
    }

#bottomLI2 {

        color:white;
        font-family: arial;
        font-size: 28px;
        color:white;
        font-family: arial;
        display: block;
        margin: 3px;
        padding: 1px;
        width: 420px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;


    }

    #bottomlink {


        color:white;
        font-family: arial;
        font-size: 28px;
        color:white;
        font-family: arial;
        font-weight: 100;
        display: block;
        background-color: #006ed3;
        margin: 3px;
        padding: 6px;
        text-align: center;
    }

#bottomlogo

{
max-width: 65%; 
height: auto; 
display: block; 
margin: auto;
margin-top: 15px;
}

    #bottomLI3 {

font-family: arial;
        color: white;
        font-weight: 100;
        list-style-type: none; 
        padding-left: 1.5%;
        padding-top: 4px;
        padding-bottom: 4px;
        display: block;
        margin: auto;
text-align: center;
    }


#descbutton

{

display: block;
padding-bottom: 2%;
margin: auto;


}

#textdiv01

{

clear: both;
padding-bottom: 1%;
padding-top: 1%;
margin: auto;
width: 99%;
height: auto;


}

#bluemasterdiv

{

max-width: 100%;
background-color: #0078e8;
margin-bottom: 0;
padding-bottom: 0;

}

#btnprime {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 28px;
  background: #00b7ff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

#formA{

width: 100%;
display: block;
margin: auto;

}

#tablediv

{

display: inline-table;

}

#texttable

{

display: block; 
width: 100%;  


}

#formtable

{

display: block; 
width: 95%;
margin: auto;

}




}
/* DESKTOP */

@media all and (min-width: 1101px) {
    #headimage1 {
        max-width: 100%;
        max-height: auto;
        display: block;
        float: left;
        padding-bottom: 15px;
    }
    #headimage2 {
        max-width: 100%;
        max-height: auto;
        display: block;
        float: right;
        padding-bottom: 15px;
    }
    h1 {
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #006ed3;
    }
    h2 {
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #006ed3;
    }
    h3 {
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #006ed3;
    }

    h5 {
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-size: 1.1em;
        font-family: arial;
        color: #ffffff;
    }

    p {
        font-family: arial;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: .5%;
        padding-bottom: 1%;
        font-size: 14px;
    }
    #p2 {
        font-family: arial;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: .5%;
        padding-bottom: .5%;
        font-size: 15px;
        color: white;
    }

    #p3 {
        
        text-align: center;
        font-size: 2em;
        font-family: arial;
        color: #000;

    }

    #pW {
        font-family: arial;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: .5%;
        padding-bottom: 1%;
        color: white;
        font-size: 16px;
    }


    #triageparent {
        display: block;
        margin: auto;
        width: 85%;
        padding-top: 1%;
    }
    #triage {
        width: 33%;
        display: inline-block;
        vertical-align: top;
        height: 500px;
    }

    #bottomtriple {
        width: 33%;
        display: inline-block;
        vertical-align: top;

    }

    #triageimage {
        display: block;
        margin: auto;
        max-width: 100%;
        height: auto;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    #capitalbutton {
        background-color: #006ed3;
        font-family: arial;
        font-size: 20px;
        color: white;
        display: block;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        width: 200px;
        text-align: center;
        margin: auto;
    }


    #floater {
        font-family: arial;
        color: white;
        font-size: 50px;
        display: block;
        width: 70%;
        margin: auto;
        text-shadow: 1px 2px 3px #666;
        padding-top: 10%;
        padding-bottom: 5%;
    }
    #mainevent {
        background-image: url(background.jpg);
        background-repeat: no-repeat;
        display: block;
        height: 400px;
        background-size: 100% auto;
        

    }
    #fixerblock {
        display: block;
        height: 85px;
    }
    #tiltbg {
        width: 100%;
        background-color: #71bbff;
        background-image: -webkit-linear-gradient(90deg, #71bbff 60%, #fff 40%);
    }



    #bottomLI {

        font-family: arial;
        font-size: 14px;
        color:white;
        font-family: arial;
        font-size: 14px;
        font-weight: 100;
        padding-bottom: 4px;



    }

    #bottomLI2 {

        color:white;
        font-family: arial;
        font-size: 24px;
        font-weight: 600;
        padding-top: 4px;
        padding-bottom: 4px;




    }


    #bottomLI3 {


        font-family: arial;
        font-size: 14px;
        color:white;
        font-family: arial;
        font-size: 14px;
        font-weight: 100;
        list-style-type: none; 
        padding-left: 1.5%;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    #bottom {
        width: 100%;
        background-color: #0055a4;

        padding-top: 2%;
        padding-bottom: 2%;
    }

     #bottomUL {

        color:white;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        list-style-type: none; 
        padding-left: 15%;

  
    }


    #bottomlink {


        font-family: arial;
        font-size: 14px;
        color:white;
        font-family: arial;
        font-size: 14px;
        font-weight: 100;


    }

#bottomlogo

{
max-width: 60%; 
height: auto; 
display: block; 
margin-right: auto;
}

#descbutton

{

display: inline-block;
padding-bottom: 5%;

}

#textdiv01

{

display: block;
clear: both;
padding-bottom: 1%;
padding-top: 1%;
margin: auto;
width: 300px;


}

#bluemasterdiv

{

max-width: 100%;
background-color: #0078e8;
margin-bottom: 0;
padding-bottom: 0;

}

#btnprime {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #00b7ff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}


#formA{

width: 500px;
display: block;
margin: auto;

}

#tablediv

{

display: inline-table;

}

#texttable

{

display: block; 
width: 65%;  
float: left;

}

#formtable

{

display: block; 
width: 30%; 
float: right; 
margin-right: 2.5%;

}


}
}