body {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    xbackground-image: url('../background_mountains_1264_500_q90.jpg');
}

header {
    background-color: lightblue;
    padding: 20px 0px;
    text-align: center;
}

xdiv {
    border: 1px solid red;
}

xheader, xfooter {
    border: 1px solid lime;
}

xarticle {
    border: 1px solid fuchsia;
}


h1 {    
    font-weight: 700;
}

.first, .second, .third {
    text-align: center;
    background-color: lightcoral;
}


.icon-bar {
  color: black;
  border-color: black;
  background-color: black;
}

.navbar-brand {
    color: red;
}

.mainlogo {
    color: steelblue;  /*  was steelblue then cornflowerbllue */
    font-size: 260%;
    font-weight: 700;
    position: relative;
    top: -2px;
 }

.contactus {
    background-color: #0069ff;
    xfont-weight: bold;
    font-size: 120%;
}

.mainscreenimage {
    position: relative;
    z-index: 1;
}

.mainscreenimagex {
    z-index: 2;
}


.mainscreenimage h1 {
    color: red;
    position: absolute;
    xleft: 20%;
    xtop: 10%;
}

.mainscreenimage p {
    color: red;
    position: absolute;
    xleft: 20%;
    xtop: 30%;
}


#mainimage {
    margin: auto;
    width: 100%;
    height: 20%;
    border: 10px solid black;
    margin-bottom: 40px;
    opacity: 0.5;
}



#mainheader {
    background-color: white;
    margin: 0px 0px 0px 0px;
}

#mainheader .navbar {
    margin: 0px;
}

#mainheader button {
    margin-top: 6px;
}

#threepointsection {
    margin-bottom: 0px;
}

#threepointsection article {
    background-color: white;
    /* margin: 10px 10px;  doesn't work as splits the 3 columns over two rows */
    text-align: center;
    xborder: 1px solid red;
}

/* Need this or the div with the row class gets included too */
#threepointsection article div {
    margin-bottom: 50px;
    xmargin: 100px;
}

#threepointsection article h3 {
    font-size: 200%;
}

x#threepointsection article img {
    height: 60%;
    width: 60%;

  -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.5); /* FF3.5+ */
      -ms-transform: scale(0.5); /* IE9 */
       -o-transform: scale(0.5); /* Opera 10.5+ */
          transform: scale(0.5);
             /* IE6–IE9 */
             filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}


#threepointsection article img {
    height: 100px;
    width: 100px;
}

footer.myfooter {
    background-color: #333;
    color: white;
    xpadding: 30px 0px 30px 0px;
    padding-top: 30px;
    padding-bottom: 50px;
    xmargin: 60px;
    text-align: center;
    font-size: 150%;
    xborder: 2px solid red;
}

x.container-fluid x.container {
    padding-left:0;
    padding-right:0;
}

 .mainscreenimagebackground, .arse, #mainbanner {
    background-image: url(background_mountains_1264_500_q90.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
 }

 #mainbanner {
     height: 100%;
     width: 100%;
     color: white;
     xbackground-image: url('../background_mountains_1264_500_q90.jpg');
     background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../background_mountains_1264_500_q90.jpg');
     background-size: cover;
     margin-bottom: 50px;
 }


 .primemessage {
     margin: 110px auto 130px auto;
     text-align: center;
 }

 @media (max-width: 767px) {
     .primemessage {
         margin: 40px auto 70px auto;
         text-align: center;
     }
 }

 .primemessage .primemessagetext {
     margin-bottom: 100px;
 }

 .contactusreversed {
     border: 0px solid blue; 
     color: cornflowerblue;
     background-color: white;
     font-size: 17px;
     font-weight: bold;
     padding: 10px 50px;
 }

 .twopointtextonly {
     xborder: 4px dotted silver;
     text-align: center;
 }

  .twopointtextonly article {
     xborder: 4px dotted red;
 }

    .twopointtextonly article h3, .twopointtextonly article p {
     margin: 0px 20px 30px 20px;
 }

 .bottommarginwide {
     margin-bottom: 50px;
 }

.sidemarginswide {
     padding: 0px 100px;
 }

.sidemarginsverywide {
     padding: 0px 180px;
     padding: 0px 20%; 
 }

.verticalmarginswide {
    padding-top: 40px;
    padding-bottom: 60px;
}

.centeredtext {
    text-align: center;
}

.lightbackground {
    background-color: #ededff;
}

.homepage {
    margin-left: 40px;
}

h1.homepage {
   margin-top: 30px;
   margin-bottom: 30px;
}

ul.homepage {
    line-height: 2.6;
    list-style-type: none;
    margin-left: 30px;
    margin-bottom: 40px;
}

p.comment {
    color: blue;
    font-size: 90%;
    font-style: italic;
    margin-left: 40px;
}