@import url('https://fonts.googleapis.com/css?family=Open+Sans|Archivo+Narrow|Yellowtail');

#recallMasters-container body {
    line-height:1;
}

#recallMasters-container article,#recallMasters-container aside,#recallMasters-container details,#recallMasters-container figcaption,#recallMasters-container figure,
#recallMasters-container footer,#recallMasters-container header,#recallMasters-container hgroup,#recallMasters-container menu,#recallMasters-container nav,#recallMasters-container section { 
	display:block;
}

#recallMasters-container nav ul {
    list-style:none;
}

#recallMasters-container blockquote, q {
    quotes:none;
}

#recallMasters-container blockquote:before, #recallMasters-container blockquote:after,
#recallMasters-container q:before, #recallMasters-container q:after {
    content:'';
    content:none;
}

#recallMasters-container a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
#recallMasters-container ins {
    background-color:#e6e6e6;
    color:#e6e6e6;
    text-decoration:none;
}

/* change colours to suit your needs */
#recallMasters-container mark {
    background-color:#e6e6e6;
    color:#e6e6e6; 
    font-style:italic;
    font-weight:bold;
}

#recallMasters-container del {
    text-decoration: line-through;
}

#recallMasters-container abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

#recallMasters-container table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
#recallMasters-container hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

#recallMasters-container input, #recallMasters-container select {
    vertical-align:middle;
}
/* General CSS */
#recallMasters-container .header-default, #recallMasters-container .ddc-page-body{width: 100%!important;}
#recallMasters-container #content{max-width: 100%!important;}
#recallMasters-container .MaxWidth{width: 100%!important;}
#recallMasters-container .home-content{max-width: 100%!important;}
#recallMasters-container .ddc-page-body{width: 100%!important;}
#recallMasters-container .container.main, .main.ddc-container{width: 100%!important;}
#recallMasters-container .content-page-title.ddc-content{display: none;}
#recallMasters-container .ddc-container{width: 100%;}
#recallMasters-container div#wrapper-recall{font-family: 'Archivo Narrow', sans-serif !important; background-color: #fff;}
#recallMasters-container #clear{clear:both;}

#recallMasters-container strong{font-weight: 700;}
#recallMasters-container h3{font-size: 23px;font-family: 'Archivo Narrow', sans-serif !important}
#recallMasters-container .button {
  background-color: #e6e6e6;
  -webkit-border-radius: none;
  border-radius: none;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 15px;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 0 auto 20px;
}
@-webkit-keyframes glowing {
  0% { background-color: #e6e6e6; -webkit-box-shadow: 0 0 3px #e6e6e6; }
  50% { background-color: #e6e6e6; -webkit-box-shadow: 0 0 10px #e6e6e6; }
  100% { background-color: #e6e6e6; -webkit-box-shadow: 0 0 3px #e6e6e6; }
}

@-moz-keyframes glowing {
  0% { background-color: #e6e6e6; -moz-box-shadow: 0 0 3px #e6e6e6; }
  50% { background-color: #e6e6e6; -moz-box-shadow: 0 0 10px #e6e6e6; }
  100% { background-color: #e6e6e6; -moz-box-shadow: 0 0 3px #e6e6e6; }
}

@-o-keyframes glowing {
  0% { background-color: #e6e6e6; box-shadow: 0 0 3px #e6e6e6; }
  50% { background-color: #e6e6e6; box-shadow: 0 0 10px #e6e6e6; }
  100% { background-color: #e6e6e6; box-shadow: 0 0 3px #e6e6e6; }
}

@keyframes glowing {
  0% { background-color: #e6e6e6; box-shadow: 0 0 3px #e6e6e6; }
  50% { background-color: #e6e6e6; box-shadow: 0 0 10px #e6e6e6; }
  100% { background-color: #e6e6e6; box-shadow: 0 0 3px #e6e6e6; }
}

#recallMasters-container .button {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

#recallMasters-container section#steps div.steps_header div.steps_header_box h2{font-family: 'Archivo Narrow', sans-serif !important;font-size: 52px; margin: 20px 0 20px 0 !important;}
#recallMasters-container .vin-image{display:block; width: 100%; height: 72%;}
#recallMasters-container iframe{width: 100%;height:100%;border-left: solid 5px white; border-right: solid 5px white;border-bottom: solid 5px white; box-sizing: border-box;}
#recallMasters-container section#widgetHeader h1{font-size: 2.8125em; margin-bottom: 10px;padding: 0 20px 0;}
#recallMasters-container .callout{padding: 20px;}
#recallMasters-container .callout h3{margin-bottom: 10px;}
#recallMasters-container section#mainArea h1{color: #e6e6e6!important;}
#recallMasters-container section#steps,#recallMasters-container section#steps ul li{color: #fff;}

    
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  #recallMasters-container div#wrapper-recall{padding: 5px;}  
  #recallMasters-container section#mainImage{width: 100%;}
  #recallMasters-container section#mainImage img.mainImage_top,
  #recallMasters-container section#mainImage img.mainImage_bottom{width: 100%; height: auto;}
  #recallMasters-container section#mainImage img.mainImage_bottom{margin: 10px 0 20px 0;}
  #recallMasters-container section#mainArea {}
  #recallMasters-container section#mainArea h1{font-size: 30px; color: #000000;font-weight:600;text-align: center; margin: 0 0 15px 0;}
  #recallMasters-container section#mainArea hr{margin: 0 auto; border:none; width: 20%; height: 2px; color: #000000; background-color: #000000; text-align: center;}
  #recallMasters-container section#mainArea div.p_back{background-color: #fff;padding: 10px 20px 20px 20px; margin: 20px 0 0 0;color: #231f20;}
  #recallMasters-container section#mainArea p{margin: 0 0 15px 0;}
  #recallMasters-container section#mainArea p.f_p_description{margin: 20px 0 10px 0;line-height: 20px;}
  #recallMasters-container section#mainArea div.signature img.ceoImage{width: 23%;float: left;border-radius: 10px;}
  #recallMasters-container section#mainArea div.signature ul.address{margin: 20px 0 0 98px;font-size: 11px; list-style-type: none;}
  #recallMasters-container section#mainArea div.signature ul.address li{font-size: 11px;}
  #recallMasters-container section#widgetHeader{font-weight:600;background-color: #e6e6e6; color: #ffffff; padding: 20px 0 20px 0;margin: 20px 0 0 0;text-align: center;}

#recallMasters-container section#steps{background-color: #e6e6e6;border: 5px solid white;padding: 1% 2% 5% 2%;width: 100%;position: relative;box-sizing: border-box;font-family: 'Archivo Narrow', sans-serif !important;}
#recallMasters-container section#steps div.steps_header{background-color: #e6e6e6; border: 5px solid white; padding: 1% 2% 1% 2%;}
#recallMasters-container section#steps div.steps_header div.steps_header_box{padding: 0% 1% 0% 5%;display: inline-block;}
#recallMasters-container section#steps div.steps_header hr{border:none; width: 20%; height: 2px; color: #000000; background-color: #000000;text-align: left;margin: 0 0 15px 0;}
#recallMasters-container section#steps div.steps_header div.steps_header_box h3{font-weight: 300;font-family: 'Archivo Narrow', sans-serif !important;margin: 2px 0 10px 0;}
#recallMasters-container section#steps div.step3_info ul{font-weight: bold;font-weight: 300;list-style: none;padding-left: 20px;color:#e6e6e6;}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#recallMasters-container div#wrapper-recall{padding: 5px;}  
#recallMasters-container section#mainImage{width: 100%;}
#recallMasters-container section#mainImage img.mainImage_top,
#recallMasters-container section#mainImage img.mainImage_bottom{width: 100%; height: auto;}
#recallMasters-container section#mainImage img.mainImage_bottom{margin: 10px 0 20px 0;}
#recallMasters-container section#mainArea {}
#recallMasters-container section#mainArea h1{font-size: 30px; color: #000000;font-weight:600;text-align: center; margin-bottom: 10px;}
#recallMasters-container section#mainArea hr{margin: 0 auto; border:none; width: 20%; height: 2px; color: #000000; background-color: #000000; text-align: center;}
#recallMasters-container section#mainArea div.p_back{background-color: #fff;padding: 10px; margin: 20px 0 0 0;color: #231f20;}
#recallMasters-container section#mainArea p{margin: 0 0 15px 0;}
#recallMasters-container section#mainArea p.f_p_description{margin: 20px 0 10px 0;line-height: 20px;}
#recallMasters-container section#mainArea div.signature img.ceoImage{width: 30%;float: left;border-radius: 10px;}
#recallMasters-container section#mainArea div.signature ul.address{margin: 20px 0 0 89px;font-size: 11px; list-style-type: none;}
#recallMasters-container section#mainArea div.signature ul.address li{font-size: 11px;}
#recallMasters-container section#widgetHeader{font-weight:600;background-color: #e6e6e6; color: #ffffff; padding: 20px 0 20px 0;margin: 20px 0 0 0;text-align: center;}
#recallMasters-container section#steps{background-color: #e6e6e6;border: 5px solid white;padding: 1% 2% 10% 2%;width: 100%;position: relative;box-sizing: border-box;font-family: 'Archivo Narrow', sans-serif !important;}
#recallMasters-container section#steps div.steps_header{background-color: #e6e6e6; border: 5px solid white; padding: 1% 2% 1% 2%; }
#recallMasters-container section#steps div.steps_header div.steps_header_box{padding: 0% 1% 0% 5%;display: inline-block;}
#recallMasters-container section#steps div.steps_header hr{border:none; width: 20%; height: 2px; color: #000000; background-color: #000000;text-align: left;margin: 0 0 15px 0;}
#recallMasters-container section#steps div.steps_header div.steps_header_box h3{font-weight: 300;margin: 2px 0 10px 0;font-family: 'Archivo Narrow', sans-serif !important;}
#recallMasters-container section#steps div.step3_info ul{font-weight: bold;font-weight: 300;list-style: none;padding-left: 20px;color:#e6e6e6;}

}



/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    #recallMasters-container section#mainImage{width: 30%;float:left;margin: 37px 0 0 0;}

}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
#recallMasters-container .ddc-container.main{width: 100%;}
#recallMasters-container div#wrapper-recall{padding: 5px;}  
#recallMasters-container section#mainImage{width: 40%;float:left;margin: 67px 0 0 0;}
#recallMasters-container section#mainImage img.mainImage_top,
#recallMasters-container section#mainImage img.mainImage_bottom{height: auto;}
#recallMasters-container section#mainImage img.mainImage_top{width: 100%;}
#recallMasters-container section#mainImage img.mainImage_bottom{width: 100%;margin: 0 auto 50px;display: block;}
#recallMasters-container section#mainArea .button{float: right;}
#recallMasters-container section#mainArea h1{font-size: 30px; color: #000000;font-weight:600;text-align: left; margin: 0 0 15px 0;}
#recallMasters-container section#mainArea hr{margin: 0 0 30px 0; border:none; width: 20%; height: 2px; color: #000000; background-color: #000000; text-align: left;}
#recallMasters-container section#mainArea div.p_back{background-color: #fff;padding: 45px 80px 0; margin: 20px 0 0 41%;color: #231f20; height: 580px;}
#recallMasters-container section#mainArea p{margin: 0 0 15px 0;line-height: 25px;}
#recallMasters-container section#mainArea p.f_p_description{margin: 20px 0 30px 0;line-height: 20px;}
#recallMasters-container section#mainArea div.signature{margin: 50px 0 0 0;}
#recallMasters-container section#mainArea div.signature img.ceoImage{width: 13%;float: left;border-radius: 10px;}
#recallMasters-container section#mainArea div.signature ul.address{margin: 15px 0 0 15%; list-style-type: none; padding-top: 2%}
#recallMasters-container section#mainArea div.signature ul.address li{font-size: 15.36px;}
#recallMasters-container section#widgetHeader{background-color: #e6e6e6 ; color: #ffffff; padding: 20px;margin: 20px 0 0 0;text-align: center;}
#recallMasters-container section#widgetHeader p{padding: 0 30px 0 30px;font-weight: lighter;}
#recallMasters-container section#widgetHeader p.second_header_widget{font-weight: lighter;font-size: 23px;}
#recallMasters-container section#steps{background-color: #e6e6e6;border: 5px solid white;padding: 1% 2%;width: 33.3333%;position: relative;box-sizing: border-box;font-family: 'Archivo Narrow', sans-serif !important;float: left; height: 800px;}
#recallMasters-container section#steps div.steps_header{background-color: #e6e6e6; border: 5px solid white; padding: 1% 2% 1% 2%;}
#recallMasters-container section#steps div.steps_header div.steps_header_box{padding: 0% 1% 0% 5%;display: inline-block;}
#recallMasters-container section#steps div.steps_header hr{border:none; width: 20%; height: 2px; color: #000000; background-color: #000000;text-align: left;margin: 0 0 15px 0;}
#recallMasters-container section#steps div.steps_header div.steps_header_box h3{font-weight: 300;margin: 2px 0 10px 0;font-family: 'Archivo Narrow', sans-serif !important;}
#recallMasters-container section#steps div.step3_info ul{font-weight: bold;font-weight: 300;list-style: none;padding-left: 20px;color:#e6e6e6;}



#recallMasters-container iframe{height: 300px;}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
#recallMasters-container .ddc-container.main{width: 100%;}
#recallMasters-container div#wrapper-recall{padding: 5px;}  
#recallMasters-container section#mainImage{width: 30%;float:left;margin: 3.4% 0 0 8%;}
#recallMasters-container section#mainImage img.mainImage_top,
#recallMasters-container section#mainImage img.mainImage_bottom{height: auto;}
#recallMasters-container section#mainImage img.mainImage_top{width: 100%;}
#recallMasters-container section#mainImage img.mainImage_bottom{width: 100%;margin: 0 auto 50px;display: block;}
#recallMasters-container section#mainArea .button{float: right;}
#recallMasters-container section#mainArea h1{font-size: 30px; color: #000000;font-weight:600;text-align: left; margin: 0 0 15px 0;}
#recallMasters-container section#mainArea hr{margin: 0 0 30px 0; border:none; width: 20%; height: 2px; color: #000000; background-color: #000000; text-align: left;}
#recallMasters-container section#mainArea div.p_back{background-color: #fff;padding: 40px 90px 0 90px; margin: 20px 0 0 41%;color: #231f20; height: 580px;}
#recallMasters-container section#mainArea p{margin: 0 0 15px 0;line-height: 25px;padding: 0 19% 0 0;}
#recallMasters-container section#mainArea p.f_p_description{margin: 20px 0 30px 0;line-height: 20px;}
#recallMasters-container section#mainArea div.signature{margin: 44px 0 0 0;}
#recallMasters-container section#mainArea div.signature img.ceoImage{width: 10%;float: left;border-radius: 10px;}
#recallMasters-container section#mainArea div.signature ul.address{margin: 0 0 0 11%;font-size: 13px; list-style-type: none;}
#recallMasters-container section#mainArea div.signature ul.address li{font-size: 16px;}
#recallMasters-container section#widgetHeader{background-color: #e6e6e6; color: #ffffff; padding: 20px;margin: 20px 0 0 0;text-align: center;}
#recallMasters-container section#widgetHeader p{padding: 0 30px 0 30px;font-weight: lighter;}
#recallMasters-container section#widgetHeader p.second_header_widget{font-weight: lighter;font-size: 23px;}
#recallMasters-container section#steps{background-color: #e6e6e6;border: 5px solid white;padding: 1% 2%;width: 33.3333%;position: relative;box-sizing: border-box;font-family: 'Archivo Narrow', sans-serif !important;float: left; height: 800px;}
#recallMasters-container section#steps div.steps_header{background-color: #e6e6e6; border: 5px solid white; padding: 1% 2% 1% 2%;}
#recallMasters-container section#steps div.steps_header div.steps_header_box{padding: 0% 1% 0% 5%;display: inline-block;}
#recallMasters-container section#steps div.steps_header hr{border:none; width: 20%; height: 2px; color: #000000; background-color: #000000;text-align: left;margin: 0 0 15px 0;}
#recallMasters-container section#steps div.steps_header div.steps_header_box h3{font-weight: 300;margin: 2px 0 10px 0;font-family: 'Archivo Narrow', sans-serif !important;}
#recallMasters-container section#steps div.step3_info ul{font-weight: bold;font-weight: 300;list-style: none;padding-left: 20px;color:#e6e6e6;}

#recallMasters-container iframe{height: 300px;}
}