/* 
    Created on : Feb 29, 2020, 6:11:14 PM
    Author     : Mikelis Putnieks
*/

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: footerFont;
  src: url(../css/casandra.woff);
}

.jumbotron {
  background-image:url(../img/heading.jpg);background-repeat:no-repeat;background-position:center center;background-size: 50em;
  margin-bottom: 0px;
  background-color: white;
  border-radius: 0rem;
  padding-top: 4rem;
  padding-bottom: 7vw;
}

.bg-kimija {
  background-image:url(../img/heading-kimija.jpg);background-repeat:no-repeat;background-position:center center;background-size: 50em;
}

.bg-light {
  background-color: #F2F1F1 !important;
}

.n-text-heading {
    font-size: 4.5vw;
    padding-top: 7vw;
    padding-bottom: 20px;
    text-align: center;
}

.n-text {
    padding-bottom: 10px;
}

.a-pad{
    padding-bottom: 6vw;
}
.pad{
    padding: 20px;
}

.h-image {
    float: right;
    width: 100%;
    min-width: 360px;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.6)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.jumbotron-footer {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("../img/row.png");
  background-repeat: no-repeat;
}

.contacts {
    font-size: 2rem;
    font-weight: 440;
    line-height: 1.6;
    background-color: #6F6F6F;
    padding-top: 50px;
    padding-bottom: 70px;
    margin: 0px 30px 30px 30px;
    font-size: 18px;
    color: whitesmoke;
    overflow-wrap: break-word;
}

.contacts h1{
    font-weight: 400;
    text-align: center;
    padding-bottom: 30px;
    overflow-wrap: normal;
}

.footer-text {
    font-size: 20px;
    text-align: center;
    color: #C33131;
    font-weight: bold;
}

.footer-text-1 {
    font-family: footerFont;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #C33131;
    font-weight: bold;
}

.rounded {
  border-radius: 0.8rem !important;
}

.poga {
  color: #C33131;
  text-align: center;
  border: 2px solid #C33131;
  background-color: white; /* Set a background color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 20px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 1.6vw;
  line-height: 40px;
}

.poga:hover {
    color: #C33131;
    text-decoration: none;
    background-color: #BFBFBF; /* Add a dark-grey background on hover */
}

.poga:focus { outline:0 !important; }

#myBtn {
  border: 2px solid #C33131;
  background-color: white; /* Set a background color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
  background-color: #BFBFBF; /* Add a dark-grey background on hover */
}

button:focus { outline:0 !important; }

.i {
  border: solid #C33131;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.i2 {
  border: solid #C33131;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

@media screen and (min-width: 801px) {
    .jumbotron {
        font-size: 2vw;
    }
    .jumbotron h1 {
        font-size: 4vw;
    }
    .contacts h1{
        font-size: 2.5vw;
    }
    .footer-text-1{
        font-size: 3vw;
    }
    .n-text{
        padding-left: 4.5vw;
        padding-right: 4.5vw;
        font-size: 1.8vw;
        line-height: 3.5vw;
    }
    .b-pad{
        padding-left: 3.5vw;
        padding-right: 3.5vw;
    }
}

@media screen and (max-width: 800px) {
    .jumbotron{
        font-size: 4vw;
    }
    .h-image {
        width: 85%;
    }
    .jumbotron h1{
        font-size: 9vw;
        font-weight: bold;
    }
    .jumbotron p{
        font-size: 6vw;
        font-weight: bold;
    }
    .contacts h1{
        font-size: 5.5vw;
    }
    .footer-text-1{
        font-size: 6vw;
    }
    .n-text{
        font-size: 3.8vw;
        line-height: 4vw;
        text-align: left;
    }
    .a-pad{
        padding-bottom: 1vw;
        padding-left: 7px;
        padding-right: 0px;
    }
    .b-pad{
        padding-bottom: 1vw;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pad{
        padding-top: 10px;
        padding-left: 7px;
        padding-right: 0px;
    }
    .n-text-heading{
        font-size: 30px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .poga{
        float: left;
        font-size: 13px;
        line-height: 19px;
    }
    .jumbotron {
        padding-left: 20px;
        color: white;
        background-image:url(../img/8.jpg);background-repeat:no-repeat;background-position:center center; width:100%; height: auto;
        padding-top: 5rem;
        padding-bottom: 7rem;
    }
    .h-image {
        display: none;
    }
}