@font-face {
    font-family: Swis;
    font-style: normal;
    src: url('../fonts/Swis.ttf') format('truetype');
}

.SingleTech{
    background-color:#333;
    padding: 170px 0 120px;
}

#back-top{
    display:none !important;
}

.tech-container{
    width:1200px;
    margin:0 auto;
    height:670px;
    box-shadow:0 0 20px 10px #0000005e;
    position:relative;
}

.Image1{
    width:24%; 
    position:absolute;
    top:-8%;
    left:13%;
}


.image3{
    width:10%; 
    position:absolute;
    bottom:6%;
    left:4%;
}

.content{
    color:white;
    width:39%;
    margin:12.5% 0 0 47%;
}

.content p{
    font-family:Ebrima;
    line-height:1.3;
}

.content h3{
    font-family:Myrid-light;
    font-size:280%;
    color:yellow;
    margin-bottom:20px;
}

.font{
    font-family:Swis;
    font-size:100%;
}
.phone{
        display:none;
    }
    
    .window{
        display:block
    }


@media only screen and (max-width:1400px){
    .tech-container{
        width:1000px;
        height:100%;
    }
    
    .content{
        width:41%;
        margin:10% 0 10% 49%;
    }
    
    
    .Image1{
        width:26%;
        left:13%;
    }
    
}

@media only screen and (max-width:1200px){
    .content h3{
        font-size:230%;
    }
    .content{
        margin:7% 0 7% 49%;
    }
    
    .tech-container{
        width:900px;
    }
}


@media only screen and (max-width:991px){
    .tech-container{
        width:720px;
    }
    
    .SingleTech{
        padding:120px 0 80px;
    }
    
    .content{
        margin:7% 0 7% 48%;
    }
    
    .Image1{
        width:35%;
        left:5%;
    }
    
    .content h3{
        font-size:210%;
    }
}


@media only screen and (max-width:767px){

    .tech-container{
        width:520px;
    }
    
    .content{
        margin: 7% 10%;
        width:80%;
    }
    
    .Image1{
        width:35%;
        position:relative;
        left:33%;
        margin-bottom:-5%;
        top:0;
    }
    
    .image3{
        width:17%;
        left:10%;
    }
}


@media only screen and (max-width:575px){
    .tech-container{
        width:90%;
    }

}

@media only screen and (max-width:400px){
   .Image1{
       width:53%;
       left:20%;
   }
   
   .content h3{
       font-size:195%;
   }
   
   .SingleTech{
       padding:100px 0 80px;
   }


    .image3{
        bottom:4%;
        width:80px;
    }
}


@media only screen and (max-width:340px){

}