/*
Name: Next Door Techie CSS
Date: September 2019
Description: CSS for WHOLE SITE
Author: Wesley Thompson
Author URI: http://nextdoortechie.com
*/

/* ................................... STYLE ................................... */

@font-face{font-family:hnull;src:url("h.eot")}
@font-face{font-family:hnull;src:url("h.ttf")}
@font-face{font-family:pnreg;src:url("pnsb.eot")}
@font-face{font-family:pnreg;src:url("pnsb.ttf")}
@font-face{font-family:pnbold;src:url("pnb.eot")}
@font-face{ font-family:pnbold;src:url("pnb.ttf")}

/* ................................... STYLE ................................... */

img{max-width:100%;max-height:100%;border:0;}
h1{font-size: 26px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 20px;}
h5{font-size: 18px;}
h6{font-size: 16px;}
h1, h2, h3, h4, h5, h6{font-family:pnbold,arial,sans-serif;font-weight:normal}

/* ................................... BODY ................................... */

body{
font-family:pnreg,arial,sans-serif;
background:#ffffff;
font-size:100%;
margin:0px;
padding:0px;
}

/* ................................... HEADER ................................... */

Header{text-align:center;}
#logowrap{margin:7% auto;width:100%;}

/* ................................... CONTENT 1 ................................... */

div{font-size:18px;}

#content1{
background:#01acdb;
width:96%;
padding:5% 2%;
text-align:center;
}

#row1{max-width:1600px;margin:auto;}

#descrip{
display:inline-block;
color:#fff;
margin:auto auto 10% auto;
min-width:308px;
width:49.5%;
vertical-align:top;
}

#descrip p{text-align:left;max-width:400px;margin:auto;}
#servpic{margin:auto;}

#services{
display:inline-block;
color:#fff;
margin:auto;
min-width:308px;
width:49.5%;
vertical-align:top;
}

#services h4{text-align:left;max-width:300px;margin:27px auto 27px auto;padding-left:30px;}

#services ul{
list-style-type:none;
text-align:left;
max-width:300px;
margin:auto;
padding-left:30px;
}

#services ul li ul li{padding-left:0;}

/* ................................... CONTENT 2 ................................... */

#content2{
background:#0154a2;
width:96%;
padding:5% 2%;
text-align:center;
}

#row2{max-width:1600px;margin:auto;}

#qcontact{
display:inline-block;
color:#fff;
margin:auto auto 10% auto;
min-width:308px;
width:49.5%;
vertical-align:top;
}

.conform{min-width:300px;max-width:400px;margin:auto;}
.qform{margin:auto;text-align:left;width:250px;}

.conform form input{
font-family:pnreg,arial,sans-serif;
display:block;
width:250px;
height:40px;
background-color:#fff;
outline:none;
color:#0154a2;
font-size:20px;
border:none;
border-radius:6px;
margin:auto;
}

label{margin-left:6px;}
#submit{margin-top:40px;}

#certs{
display:inline-block;
color:#fff;
margin:auto;
min-width:308px;
width:49.5%;
vertical-align:top;
}

#certs h3{text-align:left;max-width:300px;margin:27px auto;}

#certs ul{
list-style-type:none;
text-align:left;
max-width:300px;
margin:auto;
padding-left:0;
}

#certs ul li ul li{padding-left:20px;}

/* ................................... CONTENT 3 ................................... */

#content3{
background:#fff;
width:96%;
padding:5% 2%;
text-align:center;
}

#row3{
max-width:1600px;
margin:auto;
text-align:left;
}

#fb{margin:auto;}

#contactus{
display:block;
color:#0154a2;
margin:auto;
min-width:300px;
max-width:400px;
text-align:center;
}

#contactus ul{list-style-type:none;text-align:left;margin-left:15px;}

/* ................................... MOBILE STYLES ................................... */

@media screen and (max-width:800px) {#content1,#content2,#content3{padding:10% 2%;}}
@media screen and (max-width:360px) {#contactus ul{margin-left:0;padding-left:6%;}}