@font-face {
	font-family: 'GolosTextWebRegular';
	src:
		url('../fonts/Golos-Text_Regular.woff2') format('woff2'),
		url('../fonts/Golos-Text_Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body{
	font-family: GolosTextWebRegular, arial;
}
a{
	color: #fff;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
	color: #e63c2e;
}
h1{
	font-size: 5rem;
	text-transform: uppercase;
}
h2{
	font-size: 2rem;
	text-transform: uppercase;
}
h3{
	font-size: 3.0vh;
	text-transform: uppercase;
}
h4{
	font-size: 20px;
	text-transform: uppercase;
}

.site_title{
	font-size: 2rem;
}

/*.site_title::after{
	content: "";
	width: 73px;
	color: #e63c2e;
	height: 3px;
	background-color: red;
	position: absolute;
	left: 0;
	bottom: 0;
}*/


.background_komendant_left{
	background-image: url(../img/labrig_side_light.png);
	background-repeat:no-repeat;
	background-size:70%;
	background-position:right bottom;
	height: 100vh;
}



.background_komendant_face{
	background-image: url(../img/labrig_side_light.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	height: 100vh;
}
.background_gray_easy{
	background-color: rgb(86, 86, 86);
	color: #fff;
}
.background_gray{
	background-color: rgb(47, 50, 51);
	color: #fff;
}
.red_border{
	border-bottom: 4px solid #e63c2e;
}

.hydro_title{
	
}
.text-white{
	color: #fff;
}
.text-black{
	color: #000;
}

/*MOBILE MEDIA*/

@media (max-width: 576px) {


h1{
	font-size: 3rem;
	text-transform: uppercase;
	//color: rgb(86, 86, 86);
}
h2{
	font-size: 2.5rem;
	text-transform: uppercase;
}
h3{
	font-size: 3.0vh;
	text-transform: uppercase;
}
h4{
	font-size: 20px;
}	
.site_title{
	font-size: .7rem;
}


.background_hydro_face{
	background-image: none;
	height: auto !important;
}

.accordion-header{

}

.accordion-button{
	text-transform: uppercase;
	font-size: 1.5rem;
	color: #fff;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	background-color: transparent;
	border: none !important;
}
.accordion-button:not(.collapsed){
	color: #fff !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
   box-shadow: none;
}

.accordion-button:focus{
	box-shadow: none !important;
}

.accordion-item{
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	background-color: transparent;
	border: none !important;
}

.accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}


}

@media (max-width: 575px) {

.background_komendant_left{
	background-image: url(../img/labrig_front_light.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	height: 100vh;
}
h1{
	font-size: 2.0rem;
	text-transform: uppercase;
	//color: rgb(86, 86, 86);
}
}
@media (min-width:300px){
    .fix_frame {
    width:360px;
    height:180px;}
    
}
@media (min-width:400px){
    .fix_frame {
    width:440px;
    height:180px;}
    
}
@media (min-width:580px){
    .fix_frame {
    width:520px;
    height:280px;}
    
}
@media (min-width:780px){
    .fix_frame {
    width:720px;
    height:320px;}
    
}
@media (min-width:1000px){
    .fix_frame {
    width:920px;
    height:680px;}
    
}
@media (min-width:1200px){
    .fix_frame {
    width:1120px;
    height:720px;}
    
}
@media (min-width:1300px){
    .fix_frame {
    width:1280px;
    height:720px;}
    
}
@media (min-width: 576px) {
    .d-md-block {
        display: block !important;
        
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
        
        }
    .col-md-6 h1{    font-size: 3rem;}
    .col-md-6 p{    font-size: 1rem;}
            .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-2 {width: 260px;
    }
}
@media (min-width: 768px) {
    .col-md-6 h1{    font-size: 5rem;}
    .col-md-6 b{    font-size: 2rem;}
    .col-md-2 {width: 16%;}
    
}
@media (min-width: 577px) {
.background_komendant_left{
        background-size: 45%;
}
    
}
@media (min-width: 900px) {
.background_komendant_left{
        background-size: 55%;
}
    
}

@media (min-width: 1200px) {
.background_komendant_left{
        background-size: 70%;
}
    
}