body{
    background: whitesmoke;
}

@font-face 
{font-family:"bellerose";
src: url("fonts/bellerose.eot");
src: 
url("fonts/bellerose.woff") format("woff"),
url("fonts/bellerose.ttf") format("opentype"),
url("fonts/bellerose.svg#bellerose") format("svg");
}

@font-face 
{font-family:"IR";
src: url("fonts/Italiana-Regular.eot");
src: 
url("fonts/Italiana-Regular.woff") format("woff"),
url("fonts/Italiana-Regular.ttf") format("opentype"),
url("fonts/Italiana-Regular.svg#IR") format("svg");
}

@font-face 
{font-family:"MC";
src: url("css/fonts/MADE_Cannes_PERSONAL_USE.eot");
src: 
url("fonts/MADE_Cannes_PERSONAL_USE.woff") format("woff"),
url("fonts/MADE_Cannes_PERSONAL_USE.ttf") format("opentype"),
url("fonts/MADE_Cannes_PERSONAL_USE.svg#MC") format("svg");
}


.navbar-inverse{
    background: #0a6be7;
    color: white;
    }

.nav.navbar-nav.navbar-right li a {
    color: white;
}

.nav.navbar-nav.navbar-right li a:hover {
    color: black;
}

.navbar .navbar-brand {
  padding-top: 3px;
  color: white; 
}
.navbar .navbar-brand img {
  height: 45px;
}

.dropdown-submenu{
    background: #0a6be7;
}


.headimage{
    width: 100%;
    height: 300px;
    background: url(../images/masterbatch.jpg) no-repeat center;
    background-size: cover;
}

.blackfilter{
    background-size: cover;
    color: white;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
  }
  
 .thumbnail img {
    height:250px;
    width:100%;
}
.h1{
    font-family: 'IR';
    font-size: 70px;
    padding-top: 100px; 
    padding-bottom: 100px;
}    

@media only screen and (max-width: 700px) {
    .h1 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 420px) {
    .h1 {
        font-size: 40px;
    }
}


.para1{
    font-size: 28px;
    color: #1c1c1b;
    font-weight: bold;    
    font-family: 'MC';
    border-style: solid;
    border-width: 2px;
    border-color: darkgray;
    padding: 10px 10px 10px 10px;
    background: white;
}



footer{ 
      height: auto;
      align-content: center;
      background-color: #0a6be7;
      color:#fff;   
      font-size:14px;
}

#footerimg{
    background-color: #0a6be7;
    width: 150px;
    height: 50px;
    margin-top: 10px;
    }

@media only screen and (max-width: 1200px) {
    #footerimg{
        
        margin-top: 0px;
    }
}    
    
    
#footertext{
    background-color: #0a6be7;
    color:#fff;  
    text-align: right; 
    margin-top: 30px; 
    
}

@media only screen and (max-width: 1200px) {
    #footertext{
       
        color: #fff;
        text-align: center;
        margin-left: 0px;
    }
}

#subscribe{
    background-color: #0a6be7;
    float: right; 
    font-family: 'bellerose'; 
    font-size: 25px; 
    margin-top: 10px;
}

@media only screen and (max-width: 1200px) {
    #subscribe {
        text-align: center;
        margin-top: 0px;
    }
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration:none;
}

.fa{
  padding: 12px;
  font-size: 23px;
  width: 42px;
  text-align: center;
  text-decoration: none;
  margin: 5px 5px;
  border-radius: 50%;
}


.fa-facebook, .fa-facebook:visited{
  text-decoration: none;  
  background: #3B5998;
  color: white;
}

.fa-facebook:hover{
  text-decoration: none;
  background: white;
  color: #3B5998;
}


.fa-google, .fa-google:visited{
  text-decoration: none;  
  background: #dd4b39;
  color: white;
}

.fa-google:hover {
  text-decoration: none;
  background: white;
  color: #dd4b39;
}


.fa-linkedin, .fa-linkedin:visited {
    text-decoration: none;
  background: #007bb5;
  color: white;
}

.fa-linkedin:hover {
    text-decoration: none;
    background: white;
  color: #007bb5;
}


.fa-youtube, .fa-youtube:visited {
    text-decoration: none;
  background: #bb0000;
  color: white;
}

.fa-youtube:hover {
    text-decoration: none;
  background: white;
  color: #bb0000;
}