@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i');

body, h1, h2, h3, h4, h5, h6, p, a {
font-family: 'Lato', sans-serif !important;
}    
  
.wbox {
    max-width:100%;
    display:inline-block;
}

img.d-block {
max-height: 70vh;
}

h1 {
font-weight:700;
}

.font-weight-black  {
font-weight:900;    
}

img#jumbo {
    width:400px;
    max-width: 100%;
}

.case-upper {
    text-transform: uppercase;
}

.mt-4 {
    padding-top: 80px !important;
}

html {
    scroll-behavior: smooth;
  }

.card-title {
    font-weight:900 !important;
}

.sliderimg {
    width:50px !important;
}


.slidetext {
    height:50px !important;
}


.bg-woxi {
background-color: rgb(174,255,101);
}

.row {
    padding: 40px 20px 40px 20px !important;
    min-height:90vh !important;
}

.section-top {
    padding: 100px 20px 40px 20px !important;
}

.ilb {
    display: inline-block;
}

h2.mission {
    font-weight: 700;
    font-size: 32px;
}

img.mission {
    height:70px;
    width:70px;
    margin:20px 20px 15px 0px;
}

div.missiontop {
    min-height:65vh;
    background-color:transparent;
    background-image:url("/r/sky.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    }

div.missionbot {
    min-height:35vh;
}

@media (max-width: 599px) {
    h2.mission {
      font-size: 26px;
    }
    img.mission {
        height:45px;
        width:45px;
    } 
    div.missiontop {
        min-height:100vh;
    } 
}



  /*-----------------------------------------------------------------------------------*/
/*  Contact
/*-----------------------------------------------------------------------------------*/

#contact {
    height: auto;
    width: 100%;
  }
  
  .contact-details {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .contact-details li {
    padding-bottom: 10px;
  }
  
  #contact input, #contact textarea {
    width: 100%;
  }
  
  
  #contact  #sendmessage {
    color: #18d26e;
    border: 1px solid #18d26e;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin: 15px;
  }
  
  #contact  #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin: 15px;
  }
  
  #contact #sendmessage.show, #contact #errormessage.show, #contact .show {
    display: block;
  }
  
  #contact .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
  }
  
  .mycard {
    margin: 0 0 15px 0;
    background-color: #ccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

.NOTcontainer {
    max-width:900px !important;
  }
  
  div.hist {
    text-align:center;
    width:100%;
    margin:20px auto 10px auto;
  }
    
img.hist {
    width:100%;
    border:1px black solid;
    }
  
  div.imgcap {
    text-align:left;
    font-size:12px;
    background-color:#333333;
    color:#CCCCCC;
    padding:4px;
    border:1px black solid;
    margin:0 -2px 0 0;
  }

  h4 {
    margin-top: 50px;
    font-weight: 900;
  }

  h1 {
    margin-bottom: 80px;
    font-weight: 900;
  }

  h3 {
font-weight:900;
  }

  summary {
    font-weight:bold;
    font-size:larger;
    }
  
  
  details {
    margin-bottom:15px;
    display:block;
  }

  img.rr {
    margin-left:40px;
    margin-bottom: 20px;
  }


  a.body, a.body:hover, a.body:visited {
    color: #aa0000;
    text-decoration: none;
    font-weight:bold; 
  } 
 
 
  a.body:hover {
   color: #ff0000;
   text-decoration: underline;
   font-weight:bold; 
 } 
 a.contact, a.contact:hover, a.contact:visited {
   color: #ffffbb;
   text-decoration: none;
   font-weight:bold; 
 } 


 a.contact:hover {
  color: #ffff88;
  text-decoration: underline;
  font-weight:bold; 
} 

  @media only screen 
and (min-width : 1px) 
and (max-width : 737px) {

span.showcal{
	display:none;
	visibility:hidden;
}
}