body{ font-size: 17px;}
.header{ background: #082a62; display: flex; width: 100%; padding: 10px 0; }
.container{ max-width: 1115px; }
.logo{ font-size: 30px; color:#fff; text-decoration: none; text-transform: uppercase; font-weight: 400; }
.logo:hover{color:#fff;}
.logo span{font-size: 43px; color:#e9001f; font-weight: 600;}
.phone{font-weight: 800; color:#fff; font-size: 22px; }
.banner{ background: #83d1d1;  display: flex;}
.banner h2{font-size: 50px;font-weight: 800; text-transform: uppercase; margin: 0;}
.banner h2 span{ color:#e9001f; }
.banner h3{font-size: 31px;font-weight: 600; text-transform: uppercase; color: #494949; }
.bannerText p{ margin:20px 0; }
.services{ padding: 60px 0; display: flex; }
.services h4{font-size: 43px;font-weight: 600; text-transform: uppercase;}
.services p{font-size: 19px;}
.getBtn{text-transform: uppercase; width: 290px; border-radius: 0; font-size: 25px; font-weight: 600; margin: 30px 0 20px; justify-content: space-between;
    display: flex;    align-items: center;    padding: 10px 20px;}
.customLInk{ display: flex; flex-wrap: wrap; justify-content: center; } 
.customLInk a{font-size: 43px;font-weight: 600; flex: 1; text-decoration: none; text-transform: uppercase; background: #082a62;
     display: flex; align-items: center; flex-direction: column; padding: 5px 10px; margin-right:1%; border-bottom: 4px solid #e9001f; }
.customLInk a:hover{ background:#2a60b8; }
.customLInk a p{color: #ffdc92; font-size: 15px; margin: 0;}
.customLInk a span{color: #c1c1c1; font-size: 13px;}
.dayservice{
    /* background:#82d0cf; */
    background: url("../img/passport.png") no-repeat;
    background-size: cover;
    padding: 100px 0;}
.dayservice h3{ font-size: 60px; font-weight: 600; color: #fff; margin: 0; }
.dayservice h3 span{ color:#e9001f;}
.dayservice p{ font-size: 30px; color: #fff; margin-bottom: 0;}
.dayservice .add{ margin: 20px 0; display: flex; }
.dayservice .add .icon { margin-top: 10px; margin-right: 20px;}
.mission{
    background:#82d0cf; 
    background-size: cover;
    padding: 60px 0; display: flex;}
.mission h4{font-size: 43px; color: #000; font-weight: 600; text-transform: uppercase; margin-bottom: 40px;}
.mission p{ font-size: 19px; color: #000; margin-bottom: 0;}
.mission p a{color: #e9001f;}

.footer{  background:#3a3a3a; padding: 50px 0; }
.fInfo{ color: #696969;}
.flink ul{ margin: 0; padding: 0; }
.flink ul li{ list-style: none; }
.flink ul li a{ color: #e8e8e8; text-align: right; text-decoration: none; font-size: 16px; margin-bottom: 15px;     display: flex; }
.copy{ background: #1b1b1b; color: #3a3a3a;padding: 10px 0;}
.copy p{ text-align: center; margin: 0; font-size: 19px;}
.text-right{ text-align: right;}
.text-right a{ color: #e8e8e8; text-decoration: none;}
.social{ margin: 20px 0; }
.infoList{ background: #f9f9f9; padding:80px 0;}
.infoList table{ border: 4px solid #d6d6d6; border-top: none;}
.infoList table tr th{ background: #3a3a3a; color: #fff; font-weight: 400;  border-left: 4px solid #d6d6d6; text-align: center;}
.infoList table tr td{ border-left: 4px solid #d6d6d6; padding: 15px; }
.act{margin-top: 20px;}
.act{margin-bottom: 20px;}
.act button{ width: 235px; height: 55px; border-radius: 0; margin-right: 15px; font-size: 25px; text-transform: uppercase; }
.act .appBtn{ background: #3a3a3a; }
.new{ padding: 60px 0; display: flex; }
.new h4{font-size: 43px;font-weight: 600; text-transform: uppercase; margin-bottom: 40px;}
.new li{font-size: 19px; margin: 14px 0; }
.new li a{color:#e9001f;}
.new p{font-size: 19px;}
.new p a{color:#e9001f;}

@media (max-width:1160px){
    .act button{
        width: auto;
    }
    .banner h2{font-size: 38px;}
}
@media (max-width:1024px){
    .customLInk a{
        flex: auto;
        width: 32%;
        margin-bottom: 10px;
    }
}

@media (max-width:991px){
    .bannerText {
        margin: 25px 0;
    }
    .logo{
        font-size: 18px;
    }
    .logo span{
        font-size: 29px;
    }
}

@media (max-width:575px){
    .header{
        text-align: center;
    }
    .phone {
        text-align: center;
        width: 100%;
    }
    .customLInk a{
        width: 48%;
    }
}

@media (max-width:380px){
    .customLInk a{
        width: 100%;
    }
}

/* The Modal window for onetreeplanted.org (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}