/* stylesheet.css */



/* Make new layout elements block elements in older browsers */
   header, nav, aside, article, footer, section {
      display:block;
      }


@font-face {
   font-family: 'scriptina_proregular';
   src: url('Scriptina_Pro-webfont.eot');
   src: url('Scriptina_Pro-webfont.eot?#iefix') format('embedded-opentype'),
        url('Scriptina_Pro-webfont.woff') format('woff'),
        url('Scriptina_Pro-webfont.ttf') format('truetype'),
        url('Scriptina_Pro-webfont.svg#scriptina_proregular') format('svg');
   font-weight: normal;
   font-style: normal;
   }
   
   

@font-face {
   font-family: 'libre_baskervilleitalic';
   src: url('librebaskerville-italic-webfont.eot');
   src: url('librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('librebaskerville-italic-webfont.woff') format('woff'),
        url('librebaskerville-italic-webfont.ttf') format('truetype'),
        url('librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg');
   font-weight: normal;
   font-style: normal;
   }



/*Styles for links*/

   nav a{ 
      display: block;
      width: 150px;
      height: 94px;
      line-height: 94px;
      padding:0px;
      margin:0px 0px 10px 0px;
      text-align: center;
      border: solid black 0px;
      border-radius: 1.5px;
      box-shadow: 3px 3px 4px #888;
      transition-property: box-shadow;
      transition-duration: .15s;  
      }
      

   /*Unvisited links*/
   a:link{
      text-decoration: none;
      color: black;
      }

   /*Visited links*/
   a:visited{
      text-decoration:none;
      color: black;
      }

   /*Mouse pointer hovering over link*/
   a:hover, a:active{
      text-decoration: none;
      color: black;
      box-shadow: 5px 5px 10px #111;
      }
   
   
   
/* style rule for the body element */


body{
   background-image:linear-gradient(rgba(221,206,178,1), rgba(255,255,255,1) 90%, rgba(221,206,178,1)); 
   background-repeat:no-repeat;
   background-attachment:fixed;
   text-align:center;
   }



/* style rule for the wrapper div */

#wrapper{
   width:900px;
   margin:30px auto;
   background-color: transparent;
   }
   
   
   
/* style rule for the page content */

header{
   height: 170px;
   background-image: linear-gradient(rgba(179,152,120,1) 20%, rgba(255,255,255,1) 20%);
   background-repeat: no-repeat;
   text-align: left;
   line-height: 50.5px;
   font-family: scriptina_proregular, cursive;
   font-size:36px;
   font-weight:800;
   letter-spacing:1px;
   color: rgb(237,61,37);
   text-shadow: 2px 2px 2px #bbb;
   border: solid black 0px;
   border-radius: 5px 5px 1.5px 1.5px;
   box-shadow: 3px 3px 4px #888;
   }
   
   
article{
   height: 510px;
   width: 740px;
   float:left;
   background-repeat: no-repeat;
   margin:10px 0px 0px 0px;
   border: solid black 0px;
   border-radius: 1.5px;
   box-shadow: 3px 3px 4px #888;
   font-family: libre_baskervilleitalic, serif;
   }
   
   
#boxhome{
   height: 500px;
   }
   
   
#boxservices{
   height: 500px;
   }
   
   
#boxabout{
   height: 500px;
   }
   
   
#boxgallery{
   height: 500px;
   }
   
   
#boxcontact{
   height: 500px;
   }
   
   
.contenthome{
   width: 500px;
   height: 200px;
   margin-left: auto;
   margin-right: auto;
   padding:35px;
   text-align: left;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   background: rgba(255,255,255,.825);
   border-radius: 15px;
   font-size: 18px;
   line-height: 35px;
   }
   
/* style rule for the bullet color of Services list */

ul { list-style: none; }

li:before {
   content:"\2022 \00A0";
   color: rgb(237,61,37);
   padding-right:.4em;
   }
   
.contentabout{
   width: 600px;
   height: 400px;
   padding: 20px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   background: rgba(255,255,255,.9);
   border-radius: 15px;
   font-size: 15px;
   text-align: justify;
   }
   
.contentservices{
   width: 500px;
   height: 270px;
   margin-left: auto;
   margin-right: auto;
   padding: 30px;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   background: rgba(255,255,255,.925);
   border-radius: 15px;
   text-align: justify;
   }
   
.contentgallery{
   width: 600px;
   height: 400px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   line-height: 150px;
   font-size: 22px;
   text-align: left;
   }
   
.contentcontact{
   width: 500px;
   height: 185px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   background: rgba(255,255,255,.85);
   border-radius: 15px;
   }
   
nav{
   width: 150px;
   margin-left:750px;
   margin-top:10px;
   }
   
footer{
   height: auto;
   width: 900px;
   font-family: libre_baskervilleitalic, serif;
   font-size:10pt;
   line-height: 30px;
   background-color: rgba(179,152,120,1);
   background-repeat: no-repeat;
   border: solid black 0px;
   border-radius: 1.5px 1.5px 5px 5px;
   box-shadow: 3px 3px 4px #888;
   }