/**** ARCHANA'S CSS EDITS ****/

/*Navigation bar*/

header#masthead {color:white;background-color: rgb(230,230,230); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);background-image: url("https://easycall.fi/wp-content/uploads/2018/12/newyorktaxi.jpg");background-repeat: no-repeat;background-size: cover; background-position: center;background-attachment: fixed;}

header#masthead a{color:white;font-size:1.5em;}

/* This handles the individual links of the navigation*/
header#masthead a:visited{color:#F1EDED;}

/*Mobile responsiveness for the phone image in header*/
@media only screen and (max-width: 600px) { #phone_img_header img {margin: 3% auto; width: 70%;} }
  
  /* For the heading text below the phone image cover in header*/
h1 { font-size: 2em;margin:2% 3%;}

 /*For apps images of header*/
@media only screen and (max-width: 780px){.sow-image-grid-wrapper {padding: 2%;}}

#header_widget{padding:10% 20%;}

/*This keeps the primary menu button in the center of the navigation which appears while the webpage is used in mobile*/
button{margin: 3% auto;background-color: #666666;}

/* This keeps the logo at the center of row*/
.site-header{text-align:center;}

/*Navigation Bar list and list elements*/
.main-navigation li{ width:33.3%;}
.main-navigation ul{ width: 50%; margin: 0 auto;}
	/*For Mobile*/
@media screen and (min-width: 40em){.main-navigation ul {display: block;}}

/*For mobile*/
@media only screen and (min-width:270px) and (max-width: 600px) { .main-navigation li{width:100%;   padding:1.5%;}}
/*Navbar links*/
.main-navigation a {display: block;text-align: center;}
.main_menu_col {// justify-content: flex-end; display: none;}
#hero_row{padding:5% 0% 5% 0%;}
#hero{background-size: auto 800px;overflow:visible;}
.main-navigation a:hover {border-top: 3px solid black;border-bottom: 3px solid black;}
@media only screen and (max-width: 600px) {.main-navigation a:hover {border:none;}}

/*## Menus
--------------------------------------------------------------*/
.main-navigation {clear: both;display: block;float: left;width: 100%;margin-bottom: 2%;}


/*Hides entry title of a page*/
.entry-title{display:none;}

/*Represents default setting for rows*/
.row{padding:1% 3%; }

/*Represents default setting for content area of the row*/
/*For example, row containing all content (picture + text)*/
.row_content{
text-align:justify;
}

/*Site Logo*/
.custom-logo-link img {max-width: 40%; margin:20% auto 7% auto;}

/*Row specifically of osta*/
#row_osta {opacity:0.8;color:#eee9e9;}

/*This represents one Picture and its text description*/
.thumbnail{margin: 0% 6%;}
.thumbnail img{border-radius: 50%;}}

/*Specifically tarjoa row*/
#row_tarjoa{text-align:center;margin:4% 10%;}

/*Row containing google play and appstore icon*/
.row_apps{padding:6% 0%;background-color:#68696D;}

/*apps*/
.apps{margin:8%;}

/*Footer of the webpage*/
.footer{padding: 8% 10%;background-color: #22262b;color:#eee9e9;text-align:justify;}
.footer_right{padding-left:5%;text-align:center;}

/*Hamburger icon*/
button {margin: 3% auto;background: transparent;border: none;}
#hamburger_menu_icon{max-width: 20%; z-index: auto;}

/*Phone images*/
#phone_img_header{ margin: auto auto 6% auto; }
h1{ margin:5% auto; padding-left: 10%;padding-right: 10%;}
@media only screen and (max-width: 600px) { #phone_img_header{width:70%; }h1{font-size:1.8em;}}
/*Apps*/
.sow-image-grid-wrapper .sow-image-grid-image img {display: none;max-width: 70%; height: auto;margin:2% auto;}