/*--------------------------------------------------------------
Layouts
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
font-family: 'Lato', sans-serif,'verdana';

}

body {
  margin: 0;
  font-family: 'Lato', sans-serif,'verdana';
}




/* Flexbox stuff */


    
    .outer-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

    }
    
    .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 80%;
        flex-direction:row;
        margin: 0 auto;
        align-items: center;

    }
    
    .main-area {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;

               

     
    }
    
    .post-content {
       max-width: 60em;
        margin: 0 auto;
          
    }

    .sidebar {
        -webkit-box-flex: 0 0 40%;
         -ms-flex: 0 0 40%;
          flex: 0 0 40%;
        order: 0;
      



       
    }
    

      .sidebar figure { margin: 0px; width: 90%;  text-align: center; padding: 0.7em; border: 1px solid #758DA5;  margin-top: 0.4em;
        box-shadow: 0 8px 6px -6px #758DA5; font-style: italic; color: #296D9C; margin-bottom: 0px;}
    
    .sidebar figure img { max-width: 100%; margin-bottom: 1em; }

    .sidebar figcaption { }

    #video { margin: 0 auto; text-align: center; }

     
    
/*
.images-center { width: 100%; text-align: center; }
figure {  }
 img { max-width: 60%;  border-radius: 5px;  border: 1px solid black; padding: 1em;   }
figcaption { text-align: center; font-weight: bolder;  }

*/


/*title*/



#title { display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-flex: 1;  -ms-flex: 1 1 100%;  flex: 1 1 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#title h1 { 
font-family: 'Cagliostro', sans-serif;
font-size: 3em;
color: #fff;
text-align: center;
text-shadow: 1px 1px 1px #000;
letter-spacing: 0.2em;
font-size: 
padding: ;
text-shadow: 1px grey;
opacity: 0.9;
font-weight: bolder;
margin: 0px;
margin-top: 0.5em;
color: #fff;




}

/*endtiel*/
/*navmenu*/


.heading {
   
background-image: url(../images/condorwork-logo.jpg) ;
background-repeat: no-repeat;
background-position: 0% center;
background-size: cover;
background-color: black;
height: 900px;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
padding: 1em 0em;
  padding-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
          margin-top: -7em;

   
}


nav { 
 }

.menu {
  list-style-type: none;
  color:;
}

nav ul { display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
padding: 

  margin: 0;
  padding: 0;
  font-size: 1em;
  display: block;
  text-align: center;
  }

nav li {  padding: 0.7em;}

nav a { display: block;
  padding:0.6em ;
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-shadow: 1px 1px 2px black;
  border: 1px solid white;     }

.menu a:hover,
.menu a:focus {

  background: hsl(0, 0%, 20%);
  color: white;
  opacity: 0.9;

  
}




/*end navmenu*/





.centered { background-image: url();
    margin: 0 auto;
    padding: 0 1em;
}



/* Base styles */


.main-menu {
  padding: 4em 1em;
  color: white;
  background: hsl(0, 0%, 20%);
}

.post-content {
  padding: 0 1.4em 1.4em;

}


.example-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  display: block;
  text-align: center;
 
}

.example-menu a {
  display: block;
  padding:1em ;
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-shadow: 1px 1px 2px black;
  border: 1px solid white;
}

.example-menu a:hover,
.example-menu a:focus {
   padding:1.1em ;
  font-size: 1.5em;

}

.footer-area {
  padding: .4em 1em;
  text-align: center;
  background: #26648F;
  height: 5em;
  display: flex;
  justify-content: center;
  color:#fff;
  align-items: center;
}


/*--------------------------------------------------------------
Header styles minus menu
--------------------------------------------------------------*/
 #wordhead {max-width: 80%; margin: 0 auto;}

  .wordhead {display: block; font-size: 2em; padding: 0px; ; margin-top: 2em; font-family: 'Kalam', cursive; text-align: center; }


.post-content h2 { margin-top: 2em; font-size: 1.6em; font-weight: bolder; padding-bottom: 10px; font-style: italic; color: #75511c }
.post-content h3 { margin-top: 2em;font-size: 1.4em; font-weight: bold; margin-bottom: 0.6em;font-style: italic ;color: #75511c} 
.post-content h4 { font-weight: bold; font-family: 1.3em;font-style: italic;color: #75511c }

.post-content p { text-justify: inter-word; text-align: justify; line-height: 1.6; font-size: 1.1em; font-style: italic; color:#26648F; font-weight: normal; }

.post-content strong {font-weight: bolder;}

.post-content em {font-style: italic; font-weight: bold;} 

.post-content a {color: #8F6426; text-decoration: underline;}

.post-content ul, ol {color: #26648F; font-style: italic;  }

.post-content li {padding-bottom: 0.6em; font-size: 1.2em;}


.post-content hr {color: #75511c}


/* ICONS*/

.footer-area li, a {text-decoration: none;list-style: none; padding: 10px; color:black;}

.icon-facebook2:before { content: "\ea91";font-size: 20px; color:#fff;}

.icon-youtube:before { content: "\ea9d";font-size: 20px; color:#fff;}

.icon-instagram:before { content: "\ea92";font-size: 20px; color:#fff;}

.icon-500px:before { content: "\eaab";font-size: 20px; color:#fff;}


/*end nav menu*/

/*buttom top*/

#button-top { font-family: arial; z-index: 1; border-radius: 50%; font-family:arial; background: rgba(0, 0, 0, 0.6);  width: 25px;
    height: 27px; text-align: center;  padding: 10px 22px 10px 5px;  font-size: 1.5em; position: fixed;  bottom: 10px;
    right: 10px; z-index: 1}

  #button-top a { text-decoration: none; }

  #button-top a:visited {-webkit-text-decoration: color: ;text-decoration: color: ;}

.color-buttom {color: white;  }

/*END buttom top*/


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

  .heading {

background-image: url(../images/final/condorwork-responsive.jpg);
height: 650px; 
padding-bottom: 1em;
margin-top: -1em;

}


  #title { display: block; height: 70px; background-color: black; }

  #title h1 { 
  font-family: 'Cagliostro', sans-serif;
  font-size: 1.5em;
  }

  .wordhead {display: block; font-size: 1.5em; }


  .post-content figure { margin: 0px; width: 100%; display: block; padding: 0px; border: none; }

  .post-content figure img { max-width: 100%; margin-bottom: 1em; }

  .post-content figcaption { }

 .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        flex-direction:column;
        margin: 0 auto;

    }
    
    .main-area {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
               

     
    }
    
    .post-content {
       max-width: 100%;
        margin: 0 auto;
          
    }


.post-content h2 { margin-top: 1.5em; font-size: 1.4em; font-weight: bolder; padding-bottom: 10px; font-style: italic; color: #75511c }
.post-content h3 { margin-top: 2em;font-size: 1.4em; font-weight: bold; margin-bottom: 0.6em;font-style: italic ;color: #75511c} 
.post-content h4 { font-weight: bold; font-family: 1.3em;font-style: italic;color: #75511c }

.post-content p { text-justify: inter-word; text-align: justify; line-height: 1.6; font-size: 1em; font-style: italic; color:#26648F; font-weight: normal; }

.post-content strong {font-weight: bolder;}

.post-content em {font-style: italic; font-weight: bold;} 

.post-content a {color: #8F6426; text-decoration: underline;}

.post-content ul, ol {color: #26648F; font-style: italic;  }

.post-content li {padding-bottom: 0.6em;}


      .sidebar figure { margin: 1em;}
    
    .sidebar figure img { max-width: 100%; margin-bottom: 1em; }

    .sidebar figcaption { }

     .sidebar {
        -webkit-box-flex: 0 0 100%;
         -ms-flex: 0 0 100%;
          flex: 0 0 100%;
        order: 0;
        margin-top: -1em;
        display: block;
       
    }


#button-top { bottom: 15px ; right: 35px;}

}