body{
margin: 0px;
padding: 0px;
background-color: white;
font-family: 'Montserrat', sans-serif;
}

/*PAGE 1*/
/*FIRST HEADER*/
label{
padding: 10px;
}

label i {
padding-right: 10px;
}

.navbar-brand{
font-size: 20pt;
}
.container1{
background-color: #00CED1;
margin-top: 0px;
}

/*NAVBAR*/
.container2 a .navbar-brand{
color:white;
}
/*REMOVE BULLETS & ICON COLOR*/
.text-nav{
list-style-type: none;
color: white;
 }
/*FONT COLOR*/
.text-nav a{
color: black;
display: inline-block;
 }

 .nav-link{
margin: 5px;
font-size: 12pt;}

 .nav-link:hover{
color: blue !important;
 }
/*END NAVBAR*/


/*SECTION 1*/
/*SECOND HEADER WITH ICONS*/
.section1{
padding-bottom: 80px;
}
.section1 img {
width: 90px;
height: 70px;
}
/*ICON COLOR*/
.col-sm-3 i{
color:#3C818C;
padding-bottom: 10px;
}

.section1 i .fa-large{
width:100px;
}

.image-text{
position: relative;
bottom: 400px;
}

figcaption{
margin-bottom: 80px;
font-size: 50pt;
color: white;
}

.section1-text{
margin-top: -200px;
padding-bottom: 20px;
}


/*SECTION 2*/
.section2{
  padding-top: 20px;
padding-bottom: 20px;
}

.section2 p{
width: 300px;
}

.btn{
border-radius: 15px;
padding: 10px;
width: 10%;
}

.section2 button{
width: 30%;
}
/*SERVICES*/

/*CREDIT, OFFICE HOURS*/
/* .form-group input[type="text"]{
border-radius: 55px;
} */

#formSubmit{
color:white
}

/*FOOTER*/
footer{
font-size: 12pt;
padding: 30px 0px;
}

.footer-nav{
padding-bottom: 5px;
margin-top: -20px;
}

  @media screen and (max-width: 600px) {

        small{
        font-size: 11pt;
        font-weight: bold;
        margin-top: 9px;
        color:#00CED1;

        position: relative;
        top: -15px;
}

  .container1 {
font-size: 14pt;

}

.header button{
position: relative;
bottom: 40px;
}

.header button{
position: relative;
bottom: 40px;
}

.header img {
padding-top: 10px;
}
.section1{
margin-bottom: -60px;
}
.section1, .section1-text{
position: relative;
bottom: 100px;
padding-bottom: 0px;
}
.section2{
padding-top: 30px;
}
.section2 button, .section5 button{
width: 50%;
}
.section5, .section3{
padding-top: 20px;
}

.section4 img {
width: 73px;
padding:0px 5px; /* this */
}

.section-4 .col-sm{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.section5, .section4, .section3{
font-weight: bold;
font-size: 14pt;
}

.section-4 {
display:flex;
flex-flow: row wrap;
justify-content: center;
}

  }


  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    small{
    font-size: 11pt;
    font-weight: bold;
    margin-top: 9px;
    color:#00CED1;
    height: 40%;

    position: relative;
    top: -15px;
}

.container1 {
font-size: 14pt;

}

.header button{
position: relative;
bottom: 40px;
}

.header button{
position: relative;
bottom: 40px;
}

.header img {
padding-top: 10px;
}
.section1{
margin-bottom: -60px;
}
.section2 img{
position: relative;
right: 90px;
padding-bottom: 20px;
}
.section2{
padding-top: 30px;
}
.section2 button{
width: 30%;
}

.section5, .section3{
padding-top: 20px;
}

.section4 img {
width: 53px;
padding:0px 5px; /* this */
}

.section-4 .col-sm{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.section-4 {
display:flex;
flex-flow: row wrap;
justify-content: center;
}

.section5, .section4, .section3{
font-weight: bold;
font-size: 14pt;
}


  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    .section2 img{
    position: relative;
    right: 10px;
    top: 40px;
    padding-bottom: 20px;
    height: 390px;
    width: 60%;
    }

    .section4 img {
    width: 53px;
    padding:0px 5px; /* this */
    }

    .section-4 .col-sm{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    }
    .section-4 {
    display:flex;
    flex-flow: row wrap;
    justify-content: center;
    }






  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    .section4 img {
    width: 73px;
    padding:0px 5px; /* this */
    }

    .section-4 .col-sm{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    }
    .section-4 {
    display:flex;
    flex-flow: row wrap;
    justify-content: center;
    }

  }