*{
  font-family: 'Roboto', sans-serif;
  
}

.btn-danger{
  color: #fff!important;
  background-color:rgb(237,42,57);
}

#CookieWindow{
display:flex;
justify-content: space-between;
width:100%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
bottom:0px;
background: rgb(237,41,57);
position: fixed;
padding:9px;
font-weight: 700;
align-items: center;
color: white;
}

#CookieWindow div{
padding-left: 5rem;
padding-top: 9px;
padding-bottom: 9px;
}

#CookieWindow div a{
  text-decoration: underline;
  color: #cfcfcf;
}
  
#CookieWindow button{
color: white;
border: 1px solid #cc7900;
background-color: #ffa523;
border-radius: 4px;
margin-right: 5rem;
height: 31px;
width: 96px
}

.nav{
  border-bottom:3px solid  rgb(237,41,57);
  font-weight: 500;
}

.media{
  display: block;
}

.ucmRedBar{
  padding: 0;
  margin: 0;
  border: 1px solid  rgb(237,41,57);
}

.hoverred:hover{
  border-bottom: 2px solid rgb(237,42,57);
}

.hovergreen:hover{
  border-bottom: 2px solid rgb(39,153,137);
}

.hoveryellow:hover{
  border-bottom: 2px solid rgb(255,165,35);
}

.hoverpurple:hover{
  border-bottom: 2px solid rgb(164,36,255);
}

.hoverblue:hover{
  border-bottom: 2px solid rgb(6,152,214);
}

.underlinered{
  border-bottom: 2px solid rgb(237,42,57);
}

.underlinegreen{
  border-bottom: 2px solid rgb(39,153,137);
}

.underlineyellow{
  border-bottom: 2px solid rgb(255,165,35);
}

.underlinepurple{
  border-bottom: 2px solid rgb(164,36,255);
}

.underlineblue{
  border-bottom: 2px solid rgb(6,152,214);
}


.carousel-inner{
  height: 18rem;
}

.error {
  width: 95%; 
  margin: 5px; 
  padding: 12px; 
  border: 1px solid #000000; 
  color: #7c2c2aab; 
  background: #e2c2c2; 
  text-align: center;
}

.success {
  width: 95%; 
  margin: 5px; 
  padding: 12px; 
  border: 1px solid #000000; 
  color: #0f8500ab; 
  background: #b9f7b4; 
  text-align: center;
}

.container{
  font-weight: 300;
  padding-top:20px;
}
.container a{
 color: rgb(237,42,57);
 font-weight:500;
}

h1{
  text-align: center;
}
.banner{
display: flex;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.banner div{
  background-color: rgb(0,0,0,0.75);
  top:48%;
  width:70%;
  position: relative;
  height:fit-content;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0 auto;
}

.banner div h1{
  margin:auto;
  color: white;
  text-align: inherit;
}

.sign{
  box-shadow: 10px 15px 80px rgba(32, 34, 54, 0.2);
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 150px;
}


  .login{
    width: 350px !important; 

    box-shadow: 10px 15px 80px rgba(32, 34, 54, 0.2);
    padding: 1.5rem;
    margin-bottom: 10px;
    margin-top: 10px;


  }
  .signup{

    box-shadow: 0px 15px 80px rgba(32, 34, 54, 0.2);
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 1rem;

  }


  .footer-text {
    text-decoration: none;
    color: black;
    opacity: 1;
    transition: opacity 300ms ease-in-out;
  }

  .footer-text:hover {
    opacity: 0.6;
    text-decoration: none;
    color: black;

}

.carousel-item{
  height: inherit;
}


/*When the screen is less that 600px wide*/
@media only screen and (max-width: 600px) {
  

  #CookieWindow div{
    padding-left: 9px;
  }
  #CookieWindow button{
   margin-right: 9px;
   height: 52px;
  }

  .checkBoxes {
    flex-direction: column;
  }
  .carousel-inner {
    width: 100%;
    height: 10rem;
  }
  .banner{
    height:10rem;
  }

  .banner div h1{
    font-size: 30px;

  }
  
}

/*When the screen is more that 600px wide*/
@media only screen and (min-width: 600px) {
    .nav {
      padding-left: 5rem;
      padding-right: 5rem;
    }
  .signup{
    width: 50% !important;
  }
  .banner{
    height:16rem;
  }

  #CookieWindow div{
    padding-left: 9px;
  }
  #CookieWindow button{
   margin-right: 9px;
  }
}

/*When the screen is more that 1200px wide*/
@media only screen and (min-width: 1200px) {
  .carousel-inner {
    width: 100%;
    height: 20rem;
  }
  .banner{
    height:18rem;
  }
}
@media only screen and (max-width: 1400px) {
  .carousel-item a img{
  height: 100%;
  }
}

@media only screen and (min-width: 1400px) {
.carousel-item a img{
width: 100%;
}
}

.single-news-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 620px;
    padding-bottom: 1rem;
}

.footer{
  margin-top: 2rem;
  border-top: 1px solid rgba(220, 220, 220, 0.7); 
  background-color: rgb(245, 245, 245);   
  }

.checkBox {
  display: flex;
}

.replycomment-box{
  margin-left: 50px;
}