body{
 font-family: "sofia-pro", 'Muli', sans-serif;
  margin:0px;
}
p,div{
  margin:0;
}

html {
 font-size:1em;
}
header{
 margin-left:5%;
}
.logo{
 padding-top:27.8px;
 display:block;
 width:363px;
 
}
.main{
 background: url(../images/background.png)  top right no-repeat;
 -webkit-background-size: auto 100%;
 -moz-background-size: auto 100%;
 -o-background-size: auto 100%;
 background-size:auto 100%;
/*height:100vh;*/
min-height:100vh;
}
.container{
margin-left:10%;
    width: 50%;
}
.head{  
padding-top: 70px;
}
.note{
  margin-top:50px;
  height: 56px;
}
h1{
font-weight:300;
font-size: 4em;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.12;
letter-spacing: 0.4px;
color: #b11c44;
}
.top-innovator_award p{
  width:50%;
  padding:0 0 20px;
    opacity: 0.8;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.2px;
    color: #000000;

}
.for-more-information {
 padding-bottom: 10px;
 opacity: 0.8;
font-size: 22px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
letter-spacing: 0.2px;
color: #000000;
}
.info{
color: #e12e2a;
text-decoration:none;
}
.top-innovator_award{
margin-top:90px;
}
.copy_right{
margin-top:80px;
width: 106px;
height: 14px;
opacity: 0.8;
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #4a4a4a;
}
/******Reponsive designs ******/

@media screen and (min-width:1500px){
.copy_right{
  margin-top:150px;
}
.top-innovator_award{
margin-top:100px;
}

}
@media (min-width : 1200px) and (max-width:1500px) {
 h1{
     font-size:2.5em;
    }
 /*.main{
    background: url(../images/background2.png)  top right no-repeat;       
  }*/
  .top-innovator_award img{
        width:100px;
  }
 
}
@media (max-width:1200px) and (min-width:768px){
  .note, .top-innovator_award{
    margin-top:110px;
  }
  .head{
    padding-top:50px;
  }
  .copy_right{
    margin-top:50px;
  }
  
h1{
     font-size:2.5em;
    }
 .main{
    background: url(../images/background2.png)  top right no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;       
  }
  .top-innovator_award img{
        width:100px;
  }

 
}

/****ipad****/
@media screen and (max-width: 768px){
  .top-innovator_award img{
        width:90px;
  }
  h1{
     font-size:2em;
  }
  .logo {
   width: 250px;
   padding-top:3px;
  }
  header,footer{
   margin-left:1%;
  }
 .main{
  background: url(../images/background3.png)  top right no-repeat;
  -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;  
  }   
}
@media screen and (max-width: 500px) {
  .head {
    padding-top: 15px;
}
  .copy_right {
    margin-top: 70px;
}
   .top-innovator_award img {
        width: 90px;
    }
  .top-innovator_award p {
    width: 40%;
    font-size:14px;}

  .top-innovator_award {
    margin-top: 60px;
}
    .head,.note{
        width:200px;
     } 
    .for-more-information{
        width:200px;
    }
    .note{
        margin-top:0;
    }
    .main{
    background: none;
    }
    .container{
        background: url(../images/background3.png)  top right no-repeat;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size:auto 100%;
        width:95%;
        height: 700px;
    min-height: 600px;
        overflow:hidden;
        margin-left:5%;
    }
}
@media screen and (max-width: 412px){

  h1 {
    font-size: 1.5em;
}
.copy_right {
    margin-top: 40px;
}
    
   .container{
        width:98%;
        margin-left:2%;
            height: 681px;
    min-height: 681px;
    }
    .top-innovator_award img {
        width: 79px;
    }
    .head{
       height: 130px;
       padding-top:30px;
    }

    .for-more-information{
      width:150px;
      font-size:14px;
    }
    .logo{
      width:200px;
    }

}
@media screen and (max-width: 360px){

   .container{
       
    height: 615px;
    min-height: 615px;
    }
    
}