
/*
Written on 3/10/2021
Author: Irakli Isakadze
Last updated on 11/12/2021

- - - - - - - - - - - - - - - - - - - - - - - - - - - -
---DEFAULT settings customised for iPhone 5/SE size---
- - - - - - - - - - - - - - - - - - - - - - - - - - - -

*/



/*---------------------------------------------*/
* {
	/* margin: 0;
	padding: 0;
	font-family: Arial; */
}

body {
	background-color: #c52026; 
}
/*---------------------------------------------*/



/*---------------------------------------------*/
.wrapper {
/* ---customised for iPhone 5/SE--- */
	/* background-color: yellow; */
}
/*---------------------------------------------*/



/*---------------------------------------------*/
.header{
	/* background-color: pink; */
}

/*.title {
  background-color: #714c19;
}*/

.footer {
	/* background-color: green; */
	padding: 2% 0 20px 0;
}
/*---------------------------------------------*/



/*---------------------------------------------*/
.text-s1 {
	/* background-color: darkkhaki; */
}

.text-s2 {
	/* background-color: blueviolet; */
}

.text-s3 {
	/* background-color: cadetblue; */
}

.text-s4 {
	/* background-color: darkkhaki; */
}

.text-s5 {
	/* background-color: coral; */
}
/*---------------------------------------------*/



/*---------------------------------------------*/
.img-logo {
/* ---used for LOGO image controls--- */
	
	/* background-color: #f5ad42; */
	width: 45%;
	/* text-align: center; */
	/*justify-self: center;
	display: block;
	margin: 0 auto 0 auto;*/
	/* padding: 10px 0 0 0; */
}

.img-button {
/* ---use only for image controls--- */
	
	/* background-color: #d1cec9; */
}

.img-socialMedia {
/* --used for social media icons-- */
	
	/* background-color: aqua; */
}

.img-menu {
}
/*---------------------------------------------*/



/*---------------------------------------------*/
.button-s1 {
/* button style #1 */
}

.button-s2 {
/* button style #2 */
	
	/* background-color: grey; */
}

.button-s3 {
/* button style #3 */
}

.button-s4 {
/* button style #4 */
}

.button-s5 {
/* button style #5 */
}

.button-s6 {
/* button style #4 */
}

.button-sms {
/* button style SMS */
	/* background-color: goldenrod; */
}
/*---------------------------------------------*/



/*---------------------------------------------*/
.sms-body {
/* part of SMS box where text is contained */
	/* background-color: red; */
}

.sms-body-p1 {
	/* background-color: blueviolet; */
}

.sms-body-p2 {
	/* background-color: chocolate; */
}

.sms-body-p3 {
	/* background-color: burlywood; */
}
/*---------------------------------------------*/





/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/* only run code {} if the statment is TRUE */
/* only rules that need to be owervritten needs to be mentioned
everything else DEFAULT setting take over */
@media only screen and (min-width: 362px){
  /* ---iPhone 6/7/8/X  &  Galaxy S5  SIZE--- */
	
	
	
}
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/





/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/* only run code {} if the statment is TRUE */
/* only rules that need to be owervritten needs to be mentioned
everything else DEFAULT setting take over */
@media only screen and (min-width: 400px){
  /* ---iPhone 6/7/8/X Plus  &  Pixel 2  SIZE--- */
	
	
	
}
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/





/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/* only run code {} if the statment is TRUE */
/* only rules that need to be owervritten needs to be mentioned
everything else DEFAULT setting take over */
@media only screen and (min-width: 650px){
  /* ---iPad  SIZE--- */
	
	.img-logo {
		width: 70%;
	}
	
	.text-s2 {
	/* background-color: blueviolet; */
		font-size: 170%;
	}
	
	.footer {
	/* background-color: green; */
		padding: 2% 0 55px 0;
	}
	
}
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/





/* */
