
<style>

@media screen and (max-width: 1049px){ 
    
          .job{font-family:verdana;
          padding:20px;
         
          background:#eee;
          width:300px;
          text-align:center;
          color:#777;
          margin:9px;
          display:inline-block;  }
 
          .SecondaryBox{ font-family:verdana;
          width:95%;
          padding-left:2%;
          padding-right:2%;} 
.SecondaryBox h1{font-family:verdana;
                text-align:justify;
                font-size:1.6em;
                color:#555} 
.SecondaryBox img{height:300px;
                width:100%;}
.SecondaryBox h3{font-family:verdana;
                text-align:justify;
                font-size:1.6em;
                color:#555}
.SecondaryBox li { 
                font-family:verdana;
                padding:3px;
                text-align:justify;
                color:#777;
               
                margin:6px; } 
.SecondaryBox p { font-family:verdana;
                    padding:3px;
                    text-align:justify;
                   
                   
                    margin:6px;  }
.overview{height:80px;
            padding:100px;
            font-family:verdana;
            background: rgb(2,0,36);
            background: rgb(7,9,112);
            background: linear-gradient(0deg, rgba(7,9,112,1) 0%, rgba(0,0,0,1) 100%);
            color:#fff;
            font-size:2em;}
}
@media screen and (min-width: 1050px){
          .job{font-family:verdana;
                padding:20px;
               
                background:#eee;
                width:300px;
                text-align:center;
                color:#777;
                margin:9px; 
                display:inline-block;  }
 
          .SecondaryBox{ font-family:verdana;
          width:70%;} 
.SecondaryBox h1{font-family:verdana;
                text-align:justify;
                font-size:1.6em;
                color:#555}
.SecondaryBox img{height:400px;
                    width:60%;}
.SecondaryBox h3{font-family:verdana;
                text-align:justify;
                font-size:1.6em;
                color:#555}
.SecondaryBox li { font-family:verdana;
                    padding:3px;
                    text-align:justify;
                    color:#777;
                   
                    margin:6px; } 
.SecondaryBox p { font-family:verdana;
                    padding:3px;
                    text-align:justify;
                   
                   
                    margin:6px;  }
.overview{height:60px;
            padding:100px;
            font-family:verdana;
            background: rgb(2,0,36);
        background: rgb(7,9,112);
        background: linear-gradient(0deg, rgba(7,9,112,1) 0%, rgba(0,0,0,1) 100%);
        color:#fff;
        font-size:3em;}
.overview img{float:right}
}
           
</style>