.top-buffer { margin-top:30px; }
.top-buffer-image { margin-top:120px; }

.top-buffer-carousel { 
margin-top:120px !important; 
margin-bottom:30px !important; 
}
img{
    max-width: 100%;
}

.cardborder{
    margin-top:5%;
    margin-left:5%;
    margin-right:5%;
    min-height:95%;
}

.card-title{
    background-color:#ffffff !important;
    color: #000000 !important;
}



@media only screen and (min-width: 576px) {
    /* For mobile: */
    .pageframe {
    margin-top:5%;
    margin-left:5%;
    margin-right:5%;
    min-height:95%;
}

}

@media only screen and (min-width: 768px) {
    /* For tablet: */
    .pageframe {
    margin-top:5%;
    margin-left:5%;
    margin-right:5%;
    min-height:95%;
}
}
	
@media only screen and (min-width: 992px) {
    /* For desktop: */
    .pageframe {
    margin-top:5%;
    margin-left:15%;
    margin-right:15%;
    min-height:95%;
}

}

.navframe {
    border: 20px solid #ffffff;
	margin-left:10%;
    margin-right:10%;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-6 {width: 0%;}

}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-lg-6 {width: 50%;}

}

.card{
    border: none !important;
}

.navbar{
    background-image: none;
    background-color:#ffffff !important;
    color: #000000 !important;
    background-repeat: no-repeat;
    font-family: 'Roboto', sans-serif;
    font-size: x-large;
    min-height: 110px;
    height: 110px;
}

.footer-default {
    background-color:#eeeeee  !important;
    color: #000000  !important;
    background-image: none;
    background-repeat: no-repeat;
    font-family: 'Roboto', sans-serif;
}

.card-text{
    font-family: 'Roboto', sans-serif !important;
    font-size: large !important;
	font-stretch: normal  !important;
}
.card-title{
    font-family: 'Roboto', sans-serif !important;
}

.nav-link {
    color: black;
}

.navbar-brand{
    color: red;
}

a{
color: black !important;
    text-decoration: underline;
}

a:hover{
    text-decoration: none !important;
}

.overflow{
    overflow-y: scroll;
}

.mynav {
    color: #007bff;
    text-decoration: underline !important;
    background-color: #ffffff !important;
}

.h-90 {
  height: 70% !important;
}

.carousel-inner {
  position: relative;
  width: 100%;
  height: 70% !important;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  height: 70% !important;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.lead {
  font-size: 1.25rem;
  font-weight: 400;
}
.nav-link hover {
  text-decoration: underline !important;
}