@font-face {
  font-family: 'Archivo Narrow';
  src: url('../fonts/ArchivoNarrow-Regular.ttf');
}

body {
    padding-top: 15px;
}

.text1 {
    color: #371253;
    font-family: 'Archivo Narrow', sans-serif, "Trebuchet", arial, sans-serif;
    font-size: 16px;
    letter-spacing: normal;
        line-height: 111%;
}

.text1 strong {
    text-transform: uppercase;
}

.text2 {
    text-transform: uppercase;
    color: #47176b;
    font-family: 'Archivo Narrow', sans-serif, "Trebuchet", arial, sans-serif;
    letter-spacing: normal;
}

.text3 {
    color: #F8A135;
    font-family: 'Archivo Narrow', sans-serif, 'Trebuchet', arial, sans-serif;
    letter-spacing: normal;
}

.textLink {
    color: #fab969;
}

#ramka > div > a {
    text-decoration: none;
}

#ramka > div > a:hover {
    color: #fab969;
}

#language > a  {
    text-decoration: none;
    color: #47176b;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}


#language > a:hover  {
    color: #fab969;
}


#containerFull {
    margin-left: 0;
    margin-right: 0;
    background: #63298D;
    height: 70px;
    margin-top: 10px;
}

#containerFullImg {
    margin-left: 0;
    margin-right: 0;
    background: #642693;
    margin-top: 10px;
    margin-bottom: 25px;
}

.OurRealizations {
    text-align: left;
    color: #fab969;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 10px;
}

#ramka {
    background: #481969;
    border-radius: 10px;
    margin-top: 20px;
    color: #FFF;
    text-align: center;
}

#ramkaOur {
    margin-bottom: 20px;
}

#pierwszy {
    margin-top: 10px;
    
    border-right: 1px solid white;
    border-bottom : 1px solid white;
   
}

#drugi {
    margin-top: 10px;
    border-bottom : 1px solid white;
   
}

#trzeci {
   
    border-right: 1px solid white;
    
}

.welcome {
    margin-top: 10px;
    color: #fab969;
    font-weight: 700;
    }
    
    .textMargin {
        margin-bottom: 10px;
    }

  .imgFloat {
    margin-right: 40px;
}

.relative-box {
    position: relative;
    padding: 0;
}

.imgRight {
    position: absolute;
    right: 0;
}

.logo-miletis {
    width: 234px;
}

.imgOur .relative-box img {
    width: 100% !important;
}

/*rwd*/



@media  (min-width: 1199px) and (max-width: 1399px) {
    .text1 {
        font-size: 16px;
    }
    
    .text2 {
        font-size: 16px;
    }
    
    #language > a  { 
    font-size: 13px;
    }
    
  .imgFloat {
    margin-right: 35px;
}


}

@media  (min-width: 991px) and (max-width: 1198px) {
    .text1 {
        font-size: 16px;
    }
    
    .text2 {
        font-size: 16px;
    }
     #language > a  { 
    font-size: 11px;
    }
    
    .imgFloat {
    margin-right: 5px;
}
}

@media  (min-width: 767px) and (max-width: 990px) {
    
    .text1 {
        font-size: 16px;
    }
    
    .text2 {
        font-size: 16px;
    }
     #language > a  { 
    font-size: 9px;
    }
    
     .imgFloat {
    margin-right: 0px;
    width: 140px;
}

}

@media  (min-width: 500px) and (max-width: 766px) {
    
   

.text1, .text2, .text3 {
    width: 50%;
}

 .imgFloat {
    margin-right: 0px;
    width: 140px;
}

.img-center-logo {
    margin: 0 auto;
    width: 180px;
}
}

@media  (min-width: 375px) and (max-width: 499px) {
    
     .imgFloat {
    margin-left: 50px;
    width: 180px;
}

.img-center-logo {
    margin: 0 auto;
    width: 180px;
}

#containerFullImg {
    min-height: 400px;
}
    
}


@media  (min-width: 299px) and (max-width: 374px) {
    
     .imgFloat {
    margin-left: 20px;
    width: 180px;
}

.img-center-logo {
    margin: 0 auto;
    width: 180px;
}

#containerFullImg {
    min-height: 400px;
}
    
}