html ,body{ 
  background: url('../img/background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: "Lato";
}
#logo img{
    object-fit: cover;
}
.containerPos{
    position:absolute;
    bottom:30%;
    left:10%;
}


 .img-size{
     width:100%;
     height:100%;
 }
 
.sub-title{
     font-size: 18px;
font-family: "Lato";
color: rgb(19, 108, 180);
line-height: 0.834;
font-weight:900;
margin:0;
}
#cont{
    position: absolute;
    top:20%;
}
h5{
    color: blue;
}
.text-main{
    font-size:20px;
     border-bottom:3px solid  #6c6a68;;
      font-family: "Lato";
    font-weight:100;
    font-size: 3.5em;
    color: rgb(19, 108, 180);
line-height: 1.2;
}

.hh{
   width:40%;
    margin-bottom:3em;
    border:solid 1px;
    
}
.border-design{
   
    width:50%;
    height:10px;
}
.description{
      font-size: 18px;
font-family: "Lato";
color:#6c6a68;
line-height: 1.2;
font-weight:400;
margin:0;

}
h1{
    font-family: "Lato";
    font-weight:100;
    font-size: 3.5em;
    color: rgb(19, 108, 180);
line-height: 1.2;
}
@media (min-width: 320px) {
 .text-main{
     font-size:1.5em;
     

 }
 .img-size{
     width:50%;

 }
 .container{
    position:absolute;
    top:25%;
    width:85% !important;
}
.description{
font-size:0.5em;

}
.sub-title{
   font-size:1em;
}

}


@media (min-width: 360px) {
    .text-main{
     font-size:1.em;
    
 }
 .img-size{
     width:50%;
    

 }
 .container{
    position:absolute;
    top:25%;
    width:75% !important;
}
.description{
font-size:0.75em;


}
.sub-title{
   font-size:1em;

}


}
 

@media (min-width: 400px) and (max-width: 768px) {
 .text-main{
     font-size:2.0em  !important;
 
 }
 .img-size{
     width:40%;


 }
 .container{
    position:absolute;
    top:25%;
    width:75% !important;
}
.description{
font-size:0.75em;


}
.sub-title{
   font-size:1em !important;
   
}
 

}
@media (min-width: 768px) and (max-width:1440px)  {
.text-main{
     font-size:1.5em;
 }
.img-size{
     width:100%;
   

 }
.container{
    position:absolute;
    top:30%;
    left:35%;
}
}
.description{
 font-size:1.2em;
 font-weight: 400;


}
.sub-title{
   font-size:1.2em;
   
}
.text-main{
    font-size:3.2em;
}


@media (max-width:1024px){
    .container{
        position:absolute;
        top:25%;
        left:10%;
        width:75% !important;
    }}
    @media (max-width:1440px){
        .container{
            position:absolute;
            top:25%;
            left:10%;
            width:75% !important;
        }

}
@media (max-width:1634px){
    .container{
        position:absolute;
        top:25%;
        left:10%;
        width:75% !important;
    }
    

}
@media (min-width:2560px){

.img-size{
     width:100%;
   

 }
    .container{
        position:absolute;
        top:10%;
        left:10%;
         width:200em !important;
    }
    .text-main{
        font-size:3.5em;
    }
    .img-size{
      width:25em;
      height:25em;
    }
  
    .description{
        font-size:1em;
        
        
        }
        .sub-title{
            font-size:2em;
            
         }


}